Ameba@448 -68ページ目

jQueyプラグイン:jQuery Corner

jQuery Cornerは角丸を簡単に実装できるプラグインなんですけど、単純に角丸だけならCSS3でも可能なので試さなかったとは思います。


デモページをご覧になるとわかると思いますが、
実に様々な表現ができるので試しました。

記事のタイトルに使っています。
(CSSで設定したborderは上書きされてしまい無効になります。
私の場合は、JSがoffの時はCSSの方が表示されるんで良いかと思いそのままにしてあります。)

このブログでは、記事タイトルのパーマネントリンクのカスタマイズの処理に付け加えてあります。
(新スキンでは最初からパーマネントリンクになっているので不要なカスタマイズです。)

基本的にはjQueryのコードは『$(document).ready(function(){』と『});』の間に記述します。
(これは、ショートカットの記述で

『$(function(){』と『});』の間でも同様です。

私の場合は、コードの可読性を優先してショートカットの記述はほとんど使いません。

※理解できる人でしたら、

フリープラグインの文字数節約でショートカットにしても良いかとは思います。

混同を避ける為に私が公開するものはほぼ統一してありますので、ご了承下さい。)

以下のコードをこのブログでは使っています。

/* 記事のタイトルをパーマネントリンクにする(記事のフッターのURLを使う) */
$('div.foot>a:first-child').each(function(i){
$('div.entry>h3').eq(i).wrapInner('<a href="' + $(this).attr("href") + '"></a>').corner("dog2 20px");
});



恒例では、ありますが

ここまでの説明で良くわからなければアメンバーへのサポートいたします。