category
サイト構築 -JavaScript

[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners

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

jQuery Cornersは画像を使用しないで、divなどの矩形エリアを角丸にするスクリプトです。

デモのキャプチャ

jQuery Corners

角丸は、div以外にもフォームのsubmit, buttonにも適用することができます。

デモのキャプチャ

submit, buttonを角丸にしたデモ

対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。

オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。
スクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。

Post on:2008年11月15日

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

トラックバック

トラックバック(URL)

コメント

comment:

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

メシウマ状態 飯の旨いおかずがてんこ盛り
on 2008年11月19日

サーバ/Webアプリケーション脆弱性チェックツールのまとめ

あとで新聞 - 2008年11月17日(月)から

ある広告人の告白(あるいは愚痴かもね): 糸井重里さんの重さ
『バブル崩壊で、結局のところ、つまらないことで話がまとまるわけです。つまり、ど…

ページの先頭へ




© coliss

RSS