- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jQueryでふたつの動作をさせたいのですが？）
jQueryでふたつの動作をさせたいのですが？
このQ&Aのポイント
- jQueryでふたつの動作をさせたいのですが、適用のしかたがわかりません。
- ページのトップに戻すと、マウスオーバーで画像を変更したいです。
- 詳しい方、教えてください。
- YOKOHAMA-Boy
- お礼率42% (23/54)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
上記のふたつを使用する場合の回答です。 ※初期画像をhoge_off.png、ロールオーバー画像をhoge_on.pngとした場合 まず、scrolltopcontrol.jsの画像名を下記のように変更します。 controlHTML: '<img src="hoge_off.png" style="width:XXpx; height:XXpx" /> 次に、scrolltopcontrol.jsよりも下の行に、 <script type="text/javascript"> $(function(){ $('#topcontrol').find('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')); } }); }); </script> を追加します。以上です。
その他の回答 (1)
- tracer
- ベストアンサー率41% (255/621)
回答No.2
マウスオーバーに必ずしもjqueryを使わなければならないということはありません。 CSSの:hoverで十分対応可能だと思いますよ？
お礼
ありがとうございます。 テストHTMLで、きちんと動作しました。 scrolltopcontrol.jsとロールオーバーとも。 ロールオーバーの記述を自分なりに、無い知識で再度理解できるようにします！ 重ねて、ありがとうございました。