jQueryで遊んでみる その4
←その3
fadeTo()というエフェクトを使って簡単なロールオーバーを作ってみた。
↓カーソルを合わせてみて
ソースはこんなんで、その3とほとんど同じ。
今回はclass=””で指定。
class=”mover”と言うクラスを指定したエレメントは全部フェードのかかったロールオーバーになる。
fadeTo(“normal”, 1) 括弧内最初はスピード、2番目は透過率なのでお好みでどうぞ。
fadeTo()というエフェクトを使って簡単なロールオーバーを作ってみた。
↓カーソルを合わせてみて
ソースはこんなんで、その3とほとんど同じ。今回はclass=””で指定。
<script type="text/javascript"> $(function(){ $(".mover").mouseover(function() { $(this).fadeTo("normal", 0.2); }); $(".mover").mouseout(function() { $(this).fadeTo("normal", 1); }); }); </script> <img src="1.png" alt="" class="mover" /> <img src="1.png" alt="" class="mover" /> |
fadeTo(“normal”, 1) 括弧内最初はスピード、2番目は透過率なのでお好みでどうぞ。
3 Comments
5月 st, 2010 1:23 AM
薄い→濃いへのフェードも出来るんですよね？
と、質問攻め（笑
5月 st, 2010 9:06 AM
CSSと同じで良いので
$(“a img”) でいけるよ。(リンク画像全部にかかちゃうけど。)
まとめるとこんなん。
https://camcam.info/sample/1301/index.html
5月 st, 2010 1:49 PM
一部訂正(汗
読み込みの記述が余分だった。
https://camcam.info/sample/1301/index.html
ここのソース見て