[JS]マウスオーバーでテキストがランダムに表示するSHUFFLE TEXT

MDRollover

以前作った、MDRollover.jsに機能を一つ追加しました。
で、どんな機能かというとFlashサイトとかでよくある、テキストがランダムになって、一文字ずつもとの文字が表示されていくというものです。
AS3で作ったのをJSに移植したものです。AS3版のshuffleTextはこちら。

デモはこちら

上記デモの一番下の部分です。他のマウスオーバーについては過去の記事をご覧ください。

使い方

jsファイルのshuffleText箇所のconf内の値を変更すれば動きます。(一番下の関数です。)

文字タイプ

  • “en”:アルファベット
  • “hiragana”:ひらがな
  • “katakana”:カタカナ、”kanji”:漢字
var conf = $.extend({
	selector: "#shuffleText li a", //マウスオーバーさせるセレクタ
	languageType: "en", //文字タイプ
	loopTime: 10,
	showTime: 50
}, options)

サンプルのダウンロード

Javascriptの勉強におすすめです!!

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Post Navigation