在群里有人在讨论用php怎么生成动态的飘过效果(具体可参考下面的demo),于是耐不住手痒,用js写了个实现版本。
// 初始化
var _pos = 0; // 初始位置
var _direcation = 1; // 初始方向,1为x+方向,-1为x-方向
var _x = 5; // 最大宽度
var _y = 40; // 最大高度
// 动态更新
function update(){
var pos = _pos; // 当前位置
var direcation = _direcation; // 当前方向
var output = '';
for(var i=0; i<_y i>
output += '
if((pos<=0&&direcation<=0)(pos>=_x&&direcation>=0))
direcation *= -1; // 更新方向
pos += direcation * 1; // 更新位置
}
$('#happy').html(output);
// 更新初始数据
if((_pos<=0&&_direcation<=0)(_pos>=_x&&_direcation>=0))
_direcation *= -1; // 更新方向
_pos += _direcation * 1; // 更新位置
}
// 重复输出字符串N次
function rp(str,len){
//if(!len&&len!==0) len += 2;
return new Array(len+1).join(str);
}
body,html{font-size:12px; letter-spacing: 0.2em;}
div{margin:5px 20px;}
setInterval('update()',80);
欢迎大家阅读《php怎么生成动态的飘过效果_php》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码
原创文章,转载请注明: 转载自搞代码
微信 赏一包辣条吧~
支付宝 赏一听可乐吧~