顯示四張圖片而不是一張
請(qǐng)問(wèn)一下，如何打開(kāi)顯示四張圖片，然后每次卻換一張
ganguo
2016-08-08
3 回答
舉報(bào)
0/150
提交
取消
2016-08-09
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</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>
2016-08-09
把? 大的div的寬度換成四張圖片的寬度
2016-08-09
<div id="list" style="left:-2400px;">