Question

我需要帮助将CSS应用到我的Javascript中。由于我不擅长这个，我只想问问所有知道的人。无论如何，我在我的菜单悬停中使用JS。以下是代码：

$(function(){
     $('a img').hover(function(){
        $(this).attr('src', $(this).attr('src').replace('_off', '_on'));
          }, function(){
             if (!$(this).hasClass('currentPage')) {
             $(this).attr('src', $(this).attr('src').replace('_on', '_off'));
        }
   });
});

在我的HTML中，它看起来像这样：

<tr>
<td valign="top"><a href="#"><img src="img/tabs_01_off.png" width="229" alt="tabs_01"/></a></td>
<td valign="top"><a href="#"><img src="img/tabs_02_off.png" width="229" alt="tabs_02"/></a></td>
<td valign="top"><a href="#"><img src="img/tabs_03_off.png" width="229" alt="tabs_03"/></a></td>
<td valign="top"><a href="#"><img src="img/tabs_04_off.png" width="229" alt="tabs_04"/></a></td>
</tr>

悬停适用于所有标签，但我希望标签1和4悬停时，只需覆盖后面的内容。它不应该移动内容，但实际上这就是现在发生的事情。我被建议使用position:relative和z-index: -1，因为在使用溢出时，它可能无法在IE6中使用。所以请帮助，谢谢！

Answer 1

您可以使用它来添加课程

$(this).addClass("myClass");

如果您真的想使用.css语法，则每次样式更改都需要调用一次：

  $(this).css('position','fixed');
  $(this).css('z-index','1');

这是你的代码的jsfiddle，猜测你想要改变什么css。 jsfiddle.net/G4BgT请提供有关您希望发生的事情的更多信息。

在JavaScript中应用CSS

1 个答案: