[JS]テキストリンクをうにょうにょとアニメーションさせるスクリプト -Link Nudging
Post on:2008年11月29日
sponsors
david walsh blogから、テキストリンクをアニメーションでスムーズにスライドさせるスクリプトを紹介します。
jQuery Link NudgingはjQueryのプラグインのため、外部ファイルにjquery.jsを記述し、下記のスクリプトを使用します。
|
1 2 3 4 5 6 7 8 9 |
<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $('a.nudge').hover(function(){ //mouse in $(this).animate({ paddingLeft: '20px' },400); }, function(){ //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); </textarea> |
「20px」「400」を変更することで、移動距離（20px）、時間（400ミリ秒）を調整することができます。
sponsors
