[JS]スタイリッシュなボタンを画像を使用しないで実装するスクリプト -styledButton

Post on:2010年1月25日

sponsors

Googleで使用されているようなグラデーションのスタイリッシュなボタンを画像を使用しないで実装するスクリプトを紹介します。

サポートしているブラウザも多く、下記の通りです。

実装方法は簡単で、スクリプトとスタイルシートを外部ファイルとして記述し、適用するボタンのpaddingやfont-sizeを指定します。

UI的にはあまり浸透していないものもあるので、その際は文言など一工夫が必要かもしれません。

styledButtonはjQueryのプラグインのため、実装にはjquery.jsが必要です。