今日は「oi_brbr_4.js」というスクリプトのご紹介です。 どのようなものかと言うと、<a>タグの文字リンクにマウスをのせて離れると、文字がブルブル揺れるスクリプトです。 ヾ(@^▽^@)ノわはは
可愛く揺れてとっても面白いのでおすすめです。(笑)
欠点として下記がありますので注意してください。
- タグを含むリンクには反応しません。
- WindowsのNetscape Navigator 7.1とOpera 9では実体参照が展開されてしまいます。
- MacintoshのNetscape Navigator 7.1では、エフェクトの適用中、リンクが消えてしまいます。
設定方法
こちらからダウンロード※この設定は任意です。
(設定することにより「class="brbr"」を付ける付けないで、ブルブルさせるさせないを、使い分けられるようになります。)
ダウンロードした「oi_brbr_4.js」ファイルの、7行目あたり・・・
(設定することにより「class="brbr"」を付ける付けないで、ブルブルさせるさせないを、使い分けられるようになります。)
ダウンロードした「oi_brbr_4.js」ファイルの、7行目あたり・・・
var brbr=
{
// ■class属性値に「brbr」を含むa要素のみ処理する
f:true,
// ■タイマーの間隔(ミリ秒)
t:25,
// ■文字の揺れる回数+1
n:16,
// ■文字の揺れる幅(em)
x:0.5,
// ■文字の揺れる高さ(em)
y:1.0
};
{
// ■class属性値に「brbr」を含むa要素のみ処理する
f:true,
// ■タイマーの間隔(ミリ秒)
t:25,
// ■文字の揺れる回数+1
n:16,
// ■文字の揺れる幅(em)
x:0.5,
// ■文字の揺れる高さ(em)
y:1.0
};
の、「f:false,」を「f:true,」に変更します。
その他の細かい設定も上記部分でできるようです。
その他の細かい設定も上記部分でできるようです。
次に、「oi_brbr_4.js」ファイルを、ご自分のスクリプト置き場に転送してください。(ここでは /wp-content/js/ に置いたものとして説明します。)
使用方法
使用方法は非常に簡単です。<a class="brbr" href="#">テキスト文字</a>
記事内に普通に<a>タグのリンクを記述します。※黄文字部分は上記で任意の設定をした場合のみ記述します。
そして、ご自分の「テーマ」の「footer.php」ファイル内に下記のスクリプト部分を記述します。
※作者様のページには、なるべく最後の方に記述してくださいとありました。
・・・自分の環境では、上記リンクの直下に記述しても動作しました。
<script src="http://example.com/wp-content/js/oi_brbr_4.js" type=text/javascript></script>
黄文字の部分にファイルの設置場所(アドレス)を指定サンプル
下記リンクに、マウスをのせてから離るとブルブルします。{{{{(+_+)}}}}寒ううぅ~
以上、終了です。
人気度 : 25 %


関係のある記事
No user の書き込みがあります
コメントほしぃ~よぉ~ σ(^◇^;)