グループの誰かが PHP を使って動的な浮遊効果を生成する方法について議論していたので (詳細については以下のデモを参照してください)、我慢できずに JS で実装版を書きました。

<頭>

<スクリプトタイプ="text/javascript">

//初期化

var _pos = 0 // 初期位置

var _direcation = 1; // 初期方向、1 は x+ 方向、-1 は x- 方向

var _x = 5 // 最大幅

var _y = 40 // 最大高さ

//動的更新

関数 update(){

var pos = _pos; // 現在位置

var direcation = _direcation; // 現在の方向

var 出力 = '';

for(var i=0; i<_y i>

出力 += '

if((pos<=0&&direcation<=0)(pos>=_x&&direcation>=0))

direcation *= -1 // 方向を更新します

pos += direcation * 1 // 位置を更新します

}

$('#happy').html(出力);

//初期データを更新

if((_pos<=0&&_direcation<=0)(_pos>=_x&&_direcation>=0))

_direcation *= -1 // 方向を更新します

_pos += _direcation * 1 // 位置を更新します

}

// 出力文字列を N 回繰り返します

関数 rp(str,len){

//if(!len&&len!==0) len += 2;

return new Array(len+1).join(str);

}

<スクリプトタイプ="text/javascript">

setInterval('update()',80);