category
サイト構築 -JavaScript

[JS]テキストリンクをうにょうにょとアニメーションさせるスクリプト -Link Nudging

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

david walsh blogから、テキストリンクをアニメーションでスムーズにスライドさせるスクリプトを紹介します。

デモのキャプチャ

jQuery Link Nudging
demo

jQuery Link NudgingはjQueryのプラグインのため、外部ファイルにjquery.jsを記述し、下記のスクリプトを使用します。

「20px」「400」を変更することで、移動距離(20px)、時間(400ミリ秒)を調整することができます。

Post on:2008年11月29日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

awesome
on 2008年11月29日

素晴らしい!!
しかしカーソルを連続で動かすとずーっとうにょうにょしてます。

ページの先頭へ




© coliss

RSS