ロールオーバーでゆっくり画像を切り替える

  • 2011.12.21 16:30
  • Cat:web
画像を簡単にロールオーバーさせるには、


<img src="画像URL" onmouseover="this.src='マウスがのった時の画像URL';
" onmouseout="this.src='画像URL'" />


すれば マウスをのせたら 画像が切り替わる。


しかし なんだか さみしい。


ロールオーバーでゆっくり画像が切り替わるだけで、カッコいいのでは?

そこで参考になるサイトを書きとめときます。

http://www.htmldrive.net/items/show/940/JQuery-Animations-Button

http://www.hongkiat.com/blog/simple-call-to-action-button-with-css-jquery/

ダウンロードして サイトに設置できます。
関連記事
スポンサーサイト

Comment

Comment Form
公開設定

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。