<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>*{margin:0;padding:0}#box1{width:400px;height:200px; position:relative;margin:50px auto; overflow:hidden;}#box1 ul{width:1600px;height:200px; position: absolute;top:0;left:0; -webkit-transition:1s all ease;}#box1 ul li{width:400px;height:200px; background:yellow; font-size:100px; color:#fff; float:left;}#box2{ text-align:center;}#box2 span{padding:20px; background:red; cursor:pointer; color:#FFF;}</style><script>window.onload=function(){var oBox1=document.getElementById('box1');var oUl=oBox1.children[0];var aLi=oUl.children;var aBtn=document.getElementsByTagName('span');//下一个var iNow=0;aBtn[1].onclick=function(){iNow ;if(iNow==aLi.length)iNow=0;var l=-iNow*400;oUl.style.left=l 'px';};//上一个aBtn[0].onclick=function(){iNow--;if(iNow==-1)iNow=aLi.length-1; //负一 最后一个 length-1;var l=-iNow*400;oUl.style.left=l 'px';};};</script></head><body><div id="box1"><ul> <li style="display:block"><img src="images/01.jpg"></li> <li><img src="images/02.jpg"></li> <li><img src="images/03.jpg"></li> <li><img src="images/04.jpg"></li> </ul></div><div id="box2"><span>上一张</span><span>下一张</span></div></body></html>
下载js 图片切换代码(上一张、下一张) 历史图库用户还喜欢
- 18480 文章数
- 500万+ 热度
作者专栏
编辑推荐
- 淡抹u2引擎,修复内容较多,物有所值
- 界域传说·经典巨作=传世单机(一键安装)
- 丸子版本(175个传世版本大集合)
- GS版本:神话公益服务端+客户端
- 图片放大工具(放大图片不模糊)
- 剪映无限制VIP版
- 传奇世界客户端下载器,史上最全传世客户端
- 传世GS20220920商业引擎注册+登录配置器 解压密码是1
- U2官方排行榜游戏网关 支持元神,支持传家宝
- GS开战传世客户端+服务端
- (淡漠夕阳)u2引擎合区工具
- 传世GS引擎消除“你的游戏客户端版本号过旧,请及时更新”提示
- 传世一机多区双线路配置器--免密码版本
- 传世凤凰登陆器劫持修复软件
- SQLite3 for Navicat
- 传奇世界npc对话框编辑工具
- 传世GS落霞铭文服务器端
- gs_20210409引擎包+注册机(无限制)
- 传奇世界NPC对话封包查看器[支持时长版和极速版]
- 彩虹引擎传世脚本编辑工具1.7版来了,支持函数脚本翻译
评论