インフラエンジニアを募集中です。curvyCornersJavaScriptishida2007.12.03最近、jQueryにハマっているishidaです。CSSコーディングで角丸処理をする場合、たいていは上下の角丸部分を画像として切り出して、そんでもって背景画像を適用してという風にします。最近では、角丸を作るjavascriptライブラリーなどがあります。div要素が増えたり、なんだかソースがすきっりしないぜぇ~と思っていましたがイイものがありました。curvyCorners。curvyCornersサンプルまずjQueryサイトからjquery-1.2.1.pack.jsファイルを入手。curvyCornersサイトからjquery.curvycorners.packed.jsファイルを入手。使いかたまず、上記で入手したjsファイルをインクルード。type="text/javascript"></script>メインとなるスクリプトはサンプルページソースの下部分。$('.corner-box').corner();これは、デフォルトの角丸を当てた場合。個別に処理をさせた場合です。個人的には、htmlソースはスッキリとしたいのでこの個別処理部分を外部化して、汎用的に使ってみようかと思います。CornerJavaScriptishida2009.03.11はてブアンカーの種類別アイコンをjQueryでやってみた。詰め合わせJavaScriptkimoto2009.03.06はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。