jQueryで作る角丸とマウスオーバーのメニューボタン

| | コメント(0) | トラックバック(0)

jQueryで作る角丸とマウスオーバーのメニューボタン

文字サイズ可変でも使える角丸のメニューボタンは、jQuery Cornerを使えば簡単に実装出来ます。
ボックスにマウスオーバーの処理をするとなお使いやすい。

jQueryで作る角丸とマウスオーバーのメニューボタン

背景画像の形を変えたり、半透明のpngにしたり、アニメーションGIFにしたりすると、かわいいんじゃないかと思います。

背景画像を工夫したもの

検証ブラウザ:InternetExplorer6~8、Firefox3、Opera9(※cursorの処理がイマイチ)

トラックバック(0)

このブログ記事を参照しているブログ一覧: jQueryで作る角丸とマウスオーバーのメニューボタン

このブログ記事に対するトラックバックURL: http://chocolatina.heteml.jp/mt/mt-tb.cgi/339

コメントする