(すったもんだがございましたが)「ブルブル 3」の修正版「ブルブル!」をリリースします。前回の暫定版に関する記憶はキレイに消去してから読んでね!
▲アニGIF作ってみました。
…「ブルブル!」は、マウスカーソルをテキストリンクから外すと、リンクの1文字1文字をブルブルさせるJavaScriptです。その点は、初代「ブルブル」から変わりありません。特長を列挙します。
・インストールするだけで全てのテキストリンクがブルブルします。
・ソースコードのユーザー定義変数(■で始まるコメントの直下にある変数)を変更することで、ブルブルの挙動をカスタマイズできます。
・ユーザー定義変数「brbr.f」にtrueを設定することで、class属性値に「brbr」と設定されたリンクにのみ反応するようになります。
初代からの修正点は以下の通り。
・prototype.jsと(いちおー)共生できるようになりました。
・実体参照が展開されないようになりました。
・少し軽くなりました。
欠点は以下の通り。
・タグを含むリンクには反応しません。
・WindowsのNetscape Navigator 7.1とOpera 9では実体参照が展開されてしまいます。
・MacintoshのNetscape Navigator 7.1では、エフェクトの適用中、リンクが消えてしまいます。
インストールの手順を説明します。
1.下記リンクから.jsファイルをダウンロードする。
.jsファイルをダウンロードする
2.ウェブページやブログのテンプレートの
なるべく最後の方に下記HTMLを記述する(「{.jsファイルへのパス}」部分は適宜変更すること)。あるいは、この記事の続きにあるソースコードを直接ペーストする。
<script src="{.jsファイルへのパス}/oi_brbr_4.js" type="text/javascript"></script>
任意でclass属性によるフィルタリングも可能です。
1.ソースコードの「f:false,」を「f:true,」に変更する。
2.反応させたいaタグのclass属性値に「brbr」を追加する。
例えば、「<a href="〜" class="brbr">」。
TIPSなど。
・aタグのclass属性値に「brbr」と指定すれば、「.brbr span」でブルブルする際の1文字1文字にスタイルシートを適用できます。
・「brbr.main();」をwindow.onloadに設定するのもアリかと思います。
なお、既に過去の「ブルブル」をインストールしている場合は、古いスクリプトを削除してからインストールしてください。では、
がんばって!