php接口怎么生成动态秘钥,php怎么生成动态的飘过效果_php

博客中分享了一位开发者如何使用JavaScript编写动态飘过效果的代码,与群内讨论的PHP实现形成对比。代码包括初始化变量、动态更新、重复输出字符串等功能,实现了字符在页面上动态飘过的视觉效果。文章邀请读者阅读并提供反馈,同时提供了微信和支付宝的打赏链接。
摘要由CSDN通过智能技术生成

在群里有人在讨论用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 += '

' + rp('.',pos) + '飘过
';

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 搞代码

原创文章,转载请注明: 转载自搞代码

e7ce419cf2d6ad34d01da2ceb8829eed.png

微信 赏一包辣条吧~

023a57327877fb4402bcc76911ec18ea.png

支付宝 赏一听可乐吧~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值