WebTecNote

[mootools]カイジっぽく「ざわ…ざわ…」を表示する…

何となく思いつきだけで作ってみたっ…!
このプラグインは、ページに「ざわ…」を延々表示し続ける…たったそれだけの機能しかない…!


直接見る »

おっと……忘れるところだった………
一度しか言わない…… このプラグインはmootools ver1.2 が必要だ…
jQueryとprototype.jsでの作成は検討していない…が、要望があったら作る…かもしれないっ…

Usage

このスクリプトはmootools ver1.2のプラグインです。
mootoolsのコアファイルはzipに入れてあります。

ヘッダでmootoolsとクラスのjsファイルを読み込んだ後、
domready内でクラスのインスタンスをnewで作ります。

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="zawazawa.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
	new Zawazawa().start();
});
//]]>
</script>

インスタンスの後にstart()をつけるとページ開くと同時にbody内へ「ざわ…」が勝手に追加される。
ボタンでスタートストップしたい場合はサンプルのソースを参考にしてください。

Class

new Zawazawa([element,{options}]);

elementを省略するとbodyタグ直下に文字が挿入されます。
オプションを指定する場合は必須になるので、次のようにしてください。

new Zawazawa($$("body"),{minFont:20,maxFont:70}]);

Options

以下はデフォルト値です。

options: {
	padding:50,
	zIndex:999,
	minFont:10,
	maxFont:30,
	follow:true
}

“Zawazawa” をダウンロード

WTN-Zawazawa.zip – 1740 回のダウンロード – 22.66 KB

※Operaは文字色が別の色に変わってしまうみたい(原因不明)

change log

モバイルバージョンを終了