jQueyプラグイン:jQuery Corner
jQuery Cornerは角丸を簡単に実装できるプラグインなんですけど、単純に角丸だけならCSS3でも可能なので試さなかったとは思います。
デモページをご覧になるとわかると思いますが、
実に様々な表現ができるので試しました。
記事のタイトルに使っています。
(CSSで設定したborderは上書きされてしまい無効になります。
私の場合は、JSがoffの時はCSSの方が表示されるんで良いかと思いそのままにしてあります。)
このブログでは、記事タイトルのパーマネントリンクのカスタマイズの処理に付け加えてあります。
(新スキンでは最初からパーマネントリンクになっているので不要なカスタマイズです。)
基本的にはjQueryのコードは『$(document).ready(function(){』と『});』の間に記述します。
(これは、ショートカットの記述で
『$(function(){』と『});』の間でも同様です。
私の場合は、コードの可読性を優先してショートカットの記述はほとんど使いません。
※理解できる人でしたら、
フリープラグインの文字数節約でショートカットにしても良いかとは思います。
混同を避ける為に私が公開するものはほぼ統一してありますので、ご了承下さい。)
以下のコードをこのブログでは使っています。
恒例では、ありますが
ここまでの説明で良くわからなければアメンバーへのサポートいたします。
デモページをご覧になるとわかると思いますが、
実に様々な表現ができるので試しました。
記事のタイトルに使っています。
(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");
});
恒例では、ありますが
ここまでの説明で良くわからなければアメンバーへのサポートいたします。