这可能是一个非常简单的问题,但是我使用谷歌和搜索功能而没有挖掘任何对我有用的东西。
我使用的脚本在鼠标悬停时使用<div>
功能更改了getElementsByName()
的字体,并在您将鼠标拉开时再次更改,这可以按预期工作,但是我&#39 ;重写了这个小项目的一些代码,现在使用的字体取决于操作系统(参见css样式) - 这意味着我无法传回&#34;静态&#34;文字属性。
基本上我需要脚本的else结点来应用class="japanese large pos"
的CSS样式或其先前的状态,如果它更干净/更有效,我遗漏了下面的CSS,因为它不是真的相关。这里的小提琴演示(包括CSS):http://jsfiddle.net/ua5VS/
感谢您的帮助!
这是剧本:
function toggleFont()
{
var _font = document.getElementsByName('target')[0].style.fontFamily;
if(_font != 'KanjiStrokeOrders') {
document.getElementsByName('target')[0].style.fontFamily = 'KanjiStrokeOrders';
document.getElementsByName('target')[0].style.fontSize = '112px';
}
else {
document.getElementsByName('target')[0].style.fontFamily = 'MS Mincho';
document.getElementsByName('target')[0].style.fontSize = '150px';
}
}
HTML
<div class="back">
<span class="japanese large pos" name="target">
<a onmouseover="toggleFont();" onmouseout="toggleFont();">Modified text</a>
</span>
</div>