- 2008-04-18 (金)
- 技術
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"）
速い速度でフェードアウトするよ
prototype.jsを使った開発はかなり定番になってきているが、jQuery.jsも実際の開発で使ってみたいな～。
こういった動きはちょっとしたアクセントになりますね。
【関連する記事】
- Newer: Twitter Quiet Time
- Older: Aptana Eclipseプラグインを入れてみた
Comments:0
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, JavaScripter Blog
