显示四张图片而不是一张
ganguo
2016-08-08 11:24
请问一下，如何打开显示四张图片，然后每次却换一张
3回答
-
- Echo_Chien
- 2016-08-09 20:06:10
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#ab{ width:100%; height:600px;position:absolute;}
#ba{ width:600px; height:500px; border:1px solid rgba(102,153,153,1); margin:0 auto;
position:relative; margin-top:100px; overflow:hidden}
#baa{ width:2400px; height:500px;position:relative;}
img{ width:600px; height:500px;float:left;}
</style>
</head>
<body>
<div id="ab">
<div id="ba">
<div id="baa">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
<img src="4.jpg">
</div>
</div>
</div>
<script>
var baa=document.getElementById("baa")
function aa(){
if(baa.offsetLeft<-1750){
baa.style.left="0px";
setTimeout(aa,2000)
}else{
baa.style.left=baa.offsetLeft-100+"px";
//setTimeout(aa,100)
if(baa.offsetLeft%600==0){
setTimeout(aa,2000) }
else{setTimeout(aa,100)}
}
}
setTimeout(aa,2000)
</script>
</body>
</html>
-
- qq_一米阳光_128
- 2016-08-09 12:11:58
把 大的div的宽度换成四张图片的宽度
-
- qq_牧羊人_6
- 2016-08-09 11:42:24
<div id="list" style="left:-2400px;">
焦点图轮播特效
65279 学习 · 611 问题
相似问题