0

这可能是一个非常简单的问题，但我使用谷歌和搜索功能没有挖掘任何对我有用的东西。

我正在使用一个脚本，该脚本在鼠标悬停时<div>使用getElementsByName()函数更改字体，并在您将鼠标移开时再次更改，这按预期工作，但我重写了这个小项目的一些代码，现在使用的字体取决于操作系统（参见 css 样式）——这意味着我不能传回“静态”文本属性。

基本上我需要脚本的 else 连接来应用 CSS 样式class="japanese large pos"或其先前状态，如果它更清洁/更有效，我省略了下面的 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>
4

0 回答 0