標籤：bsp src code inner sel inter type ati var
<!DOCTYPE HTML><html> <head> <title></title> <meta charset="UTF-8"/> <style type="text/css"> .outter{ width: 750px; height: 366px; margin:100px auto; overflow: hidden; border: dotted 4px yellowgreen; } .inner{ width: 400%; position: relative; left: 0; } img{ display: block; float: left; } </style> </head> <body> <div class="outter"> <div class="inner"> <img src="img/111.jpg" /> <img src="img/222.jpg" /> <img src="img/333.jpg" /> <img src="img/111.jpg" /> </div> </div> </body> <script type="text/javascript"> var inner = document.querySelector(‘.inner‘); setInterval(scroll,10); var l = 0; function scroll(){ l--; if(l <= -2250){ l = 0;//切換到最後一張時，替換成第一張 } inner.style.left = l + "px"; } </script></html>
js動畫之無縫滾動
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
