Home > 技術 > jQueryのtoggleメソッドって気持ちいい

jQueryのtoggleメソッドって気持ちいい

jQueryのtoggleメソッドはElementをフェードアウト、フェードインする感じでなんかかわいらしい。

しかもこれを実現しているのは、たったのこれだけ。

$("#f").toggle("slow");


以下サンプルソースコード。

<script  type="text/javascript" src="http://hisasann.com/housetect/js/jquery.js"></script>
<script type="text/javascript">
    function func(){
        $("#fade").toggle("slow");
    }
</script>
<div id="fade" style="border:1px dotted #888888;width:200px;height:50px;">
	少しづつフェードアウトするよ
</div>
<button onclick="func();">toggle</button>

動きは続きからどうぞ。


jQuery - toggleメソッド("slow")

ゆっくりの速度でフェードアウトするよ

jQuery - toggleメソッド("nomal")

普通の速度でフェードアウトするよ

jQuery - toggleメソッド("fast")

速い速度でフェードアウトするよ

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/980
Listed below are links to weblogs that reference
jQueryのtoggleメソッドって気持ちいい from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > jQueryのtoggleメソッドって気持ちいい

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top