當前位置:首頁 » 背景圖片 » 網站輪播圖片在哪裡設置
擴展閱讀
看小天和平靜圖片軟體 2025-01-24 04:08:35
各種薩摩耶搞笑圖片 2025-01-24 04:08:35

網站輪播圖片在哪裡設置

發布時間: 2023-09-16 09:38:13

① HTML首頁怎麼加圖片輪播

<html>
<head>
<title>圖片滾動 </title>
<style>
#div1 {position:relative;width:650px;height:210px;overflow:hidden; }
#div2{position:absolute;}
li{float:left;list-style-type:none;padding:5px;}
img{border:none;}
a{position:relative;}
</style>
<script>
window.onload=function()
{
var odiv2=document.getElementById('div2');
var ali=odiv2.getElementsByTagName('li');
var aspeed=-5;
odiv2.innerHTML+=odiv2.innerHTML;
odiv2.style.width=ali[0].offsetWidth*ali.length+'px';
setInterval(function()
{
odiv2.style.left=odiv2.offsetLeft+aspeed+'px';
if (odiv2.offsetLeft<-odiv2.offsetWidth/2)
{
odiv2.style.left='0px';
}
},30);};
}
</script>
</head>
<body>
<div id='div1'>
<div id='div2'>
<li><a href=""><img src="1.jpg" /></a></li>
<li><a href=""><img src="2.jpg" /></a></li>
<li><a href=""><img src="3.jpg" /></a></li>
<li><a href=""><img src="4.jpg" /></a></li>
<!--這邊你可以添加任意多的li,也就是你可以添加任意多的圖片,使任意多的圖片輪播-->
</div>
</div>
</body>
</html>