jQuery Circulate
Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu
pathにそってアニメーションできるjQueryプラグイン「jQuery.path」 | Web活メモ帳
フラッシュでもアニメーションさせる際に使える手法ですが、それをjavascriptで実現する事が可能になってます。 デモでは円の動きやジグザグな動きを実現しています。 デモ ベジェ曲線上を移動させる事ができるようですね。 こういったアニメーションがGUIで作れたらデザイナーの方はもっとjavascriptを好きになるんじゃないかぁといつも思ってしまいます。 アニメーションに興味のある方はダウンロードしてみてください。
Using jQuery Stop
Full Cycle of Animation on Hover/Off Goals: Animate wide on mouseEnter Animate back on mouseLeave No matter what, perform a complete wide/back cycle Not queue up animations on multiple hovers Be smooth NOT Using .stop(); The smoothness of this is perfect, but the animations queue up. $("div").hover(function(){ $(this).animate({ width: "200px" }); }, function() { $(this).animate({ width: "100px" })
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
