在JavaScript中應用CSS

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請提供有關您想要發生的事情的更多信息。