1

私はこのスクリプトを持っています：

jQuery(document).ready(function(){  
  $(".imgSwap").mouseenter(function() {
    $(this).src("_off").replaceWith("_on");
  }).mouseleave(function() {
     $(this).src("_on").replaceWith("_off");
  });
});

そして、このhtml：

<div id="nav">
  <table>
    <tr>
      <td class="tdleft">
      <img src="../../nav/prev_off.png" width="104" height="37" /></td>
      <td class="tdcenter">
        <img src="../../nav/crumb_on.png" width="30" height="30" alt="Pagina 1" />
         <img src="../../nav/crumb_off.png" width="30" height="30" />
      <img src="../../nav/crumb_off.png" width="30" height="30" /></td>
      <td class="tdright">
      <a href="p02.html"><img class="imgSwap" src="../../nav/next_off.png" width="104" height="37" /></a></td>
    </tr>
  </table>
</div>

クラス imgSwap を使用して自分のイメージを、mouseenter または mouseleave でスワップするように説得できません。問題はコードのreplaceWith 部分にあると思います。しかし、私はそれを修正する方法がわかりません.また、スタックオーバーフローでも明確な例を見つけることができませんでした.

4

1 に答える 1