目的

Question

我在我的机器上安装了KanjiStrokeOrders字体来显示汉字笔画顺序。

目的

我想创建一个用于学习日语的网页。当在浏览器上查看HTML页面时，我希望能够通过带有KanjiStrokeOrders字体系列的工具提示显示单个汉字字符的笔划顺序，当然还有更大的字体大小。

我的尝试

以下代码是我的尝试，但它只是在我悬停由body限定的区域时切换字体。结果很烦人，因为，

空间是动态变化的，因此会产生不会对眼睛友好的闪烁，
我不能只选择一个角色，

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script language="JavaScript">
        function toggleFont() {
            var _font = document.getElementsByTagName('body')[0].style.fontFamily;
            if (_font != 'KanjiStrokeOrders') {
                document.getElementsByTagName('body')[0].style.fontFamily = 'KanjiStrokeOrders';
                document.getElementsByTagName('body')[0].style.fontSize = '120px';
            }
            else {
                document.getElementsByTagName('body')[0].style.fontFamily = 'Arial';
                document.getElementsByTagName('body')[0].style.fontSize = '12pt'; // return to the normal font
            }
        }
    </script>
</head>


<body onmouseover="toggleFont();" onmouseout="toggleFont();">

    僕は合気道が好きだ。I love Aikido.

</body>

</html>

问题

如果右键单击一个字符并且在释放鼠标时工具提示消失，如何使用KanjiStrokeOrders字体显示工具提示？

Answer 1

要单独与每个字母进行交互，您需要将每个字母放在自己的标记中像这样：

<span>僕</span><span>は</span><span>合</span><span>気</span>

然后将事件添加到每个范围你可以写一个小的javascript来把每个角色放在自己的范围内

我建议把它放在字符悬停上。或点击并按住。

如何显示右键单击每个汉字字符的汉字笔画顺序工具提示？

目的

我的尝试

问题

1 个答案: