话说一篇技术贴的名字起的很长有可能会火的

作者分享了在lamp兄弟连45期学习JavaScript后,成功制作出图片轮换播放效果的经验。通过提供的js脚本函数,实现了四张图片的循环播放,并详细解释了代码逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上个礼拜三身在lamp兄弟连45期的我开始学javascript ,在指引下光荣的做出来了个js图片轮换播放效果,心里窃喜无比呀!
这比前边学的linux、php面向对象课程有意思多了,哈哈······下边是本人写的图片轮换播放的js脚本函数,


<script type="text/javascript" charset="utf-8">
var num=4;
function run(){
var le=document.getElementById('pic'+num);
le.style.left = (parseInt(le.style.left)+10)+"px";
if(le.offsetLeft>800){
le.style.left='200'+'px';
num--;
le.style.zIndex-=1;
if(num<1){
num=4;
}
}
}
setInterval("run()",10);
</script>

这是四张名字分别是1234的jpg图片,然后当第四张(最上边一张)向右移超出800像素时第二张图片开始移动。

本人第一次发技术贴,求围观,求指导,求编码规范,求编程思想,求各种求啊!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值