1. Home
  2. Webサービス
  3. テキストリンクがブルブルするJavascript!!!

テキストリンクがブルブルするJavascript!!!


oitake blog ブルブル!


今回紹介する「ブルブル!」は、マウスカーソルをテキストリンクから外すと、リンクの1文字1文字をブルブルさせるJavaScriptです。百聞は一見に如かずということわざがあるように、この手の物は言葉で説明するより実物を見てもらった方が分かりやすいですね。サンプルページを作成したのでそちらをご覧ください。

ブルブルJavaScript サンプルページ

★ブルブルの使い方
1、oitake blogから.jsファイルをダウンロードする。
2、jsファイルをアップロードします。
3、ウェブページやブログのhtmlのなるべく最後の方に下記HTMLを記述する。

<script type="text/javascript" src="アップロードした.jsファイルのURL"><script>

これで全てのテキストリンクがブルブルします。詳細設定はJavaScriptソースコードのユーザー定義変数(■で始まるコメントの直下にある変数)を変更することで、ブルブルの挙動をカスタマイズできます。ユーザー定義変数「brbr.f」にtrueを設定することで、class属性値に「brbr」と設定されたリンクにのみ反応するようになります。

なかなか面白いです。ウェブサイトに少しアレンジを加えたい時に使ってみてはいかがでしょうか?

Tag

    パソコンやスマホなどのガジェットに興味があり、大学で情報工学の勉強してシステムエンジニアに。ブログ歴は15年以上。ITの専門的な知識はそこそこあり、国家資格の情報処理技術者試験のスキルレベル4「情報セキュリティスペシャリスト」や「ネットワークスペシャリスト」などを取得。

    Related article

    COMMENT TO THIS ENTRY

    なんかいいな。でも自分のさいともってない

    879