最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

js左右移动图片

IT圈 admin 39浏览 0评论

2024年5月12日发(作者:晋祺)

Js单击左右图标移动图片

最少要用到三个层,最里面的层div3是用来放所有图片的,其宽度要正好容的下所有

图片加起来的宽度,如(一个图片200px,而且图片之间没有间距,总共有7个图片,则

它的宽度为1400px);第二个层(父层)div2的宽度要很宽,最起码要大于等于你想让

div1存放的图片的宽度,如(想存放7个图片,宽度为1400,如果再有个div4和div3

的内容一样,宽度要为2800,如果想让连续显示,可设置很大,如6000);最后第一个

层div1(祖父层)的宽度要为你想让页面运行时显示图片宽度的大小,如(你想让页面运

行时显示4张图,则宽度设为800),要设其overflow:hidden。

注:一般内容超出其宽度外,不会自动延伸宽度水平显示超出范围,而是垂直显示,

就算高度也小。

向后

overflow:hidden;">

src="../images/EShow_" />

/>

src="../images/EShow_" />

/>

向前

Js代码: