用html把图片整体往左挪动,网页制作如何让图片从左到右循环移动

本文介绍如何使用CSS和JavaScript实现网页中图片从左到右的循环移动效果。通过设置变量控制滚动速度,并利用innerHTML属性复制图片内容,配合scrollLeft和setInterval方法达到平滑滚动的目的。

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

满意答案

02ae427d08e371d7e90d5b995e828d6d.png

tyler569

2015.11.03

02ae427d08e371d7e90d5b995e828d6d.png

采纳率:51%    等级:7

已帮助:460人

网页制作(HTML)让图片从左到右循环移动使用 css +js完成。

例如:从左向右循环移动

图片向右循环滚动

f12faa364ff12f32822ea1db1e89c746.gif

f12faa364ff12f32822ea1db1e89c746.gif

f12faa364ff12f32822ea1db1e89c746.gif

f12faa364ff12f32822ea1db1e89c746.gif

var speed = 30;

demo2.innerHTML = demo1.innerHTML;

function Marquee() {

if(demo.scrollLeft<=0)

demo.scrollLeft+=demo2.offsetWidth

else {

demo.scrollLeft--;

}

};

var MyMar = setInterval(Marquee, speed);

demo.onmouseover = function() {

clearInterval(MyMar)

};

demo.onmouseout = function() {

MyMar = setInterval(Marquee, speed)

};

01分享举报

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值