- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jQueryでホバーされていない要素を半透明にする）
jQueryで要素を半透明にする方法
このQ&Aのポイント
- jQueryとは、JavaScriptを簡単に扱うことができるライブラリのことです。
- jQueryを使えば、マウスオーバーされた要素に対して他の要素を半透明にすることができます。
- 要素を半透明にする場合には、fadeToメソッドを使用します。
- kurobon619
- お礼率76% (314/410)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こちらで1.4.2で試しましたが問題なく動きますね。 jQueryのバージョンに問題がなければ、 htmlソースの記述ミスなどを調べてみたほうがよさそうです。 <html> <head> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#menu').children().hover(function() { //#menuの子要素にマウスオーバーした時の処理 $(this).siblings() //その要素の兄弟要素をすべて取ってきて .stop().fadeTo(500,0.5); //500ミリ秒かけて、opacity0.5まで変化させます }, function() { //マウスアウトの処理 $(this).siblings() .stop().fadeTo(500,1); //戻します }); }); </script> </head> <body> <ul id="menu"> <li><img src="btn.gif" alt="menu 1"></li> <li><img src="btn.gif" alt="menu 2"></li> <li><img src="btn.gif" alt="menu 3"></li> <li><img src="btn.gif" alt="menu 4"></li> </ul> </body> </html>
お礼
kuzumiHKさん ありがとうございます。記述ミスがありました。