轮播图js代码(JavaScript制作轮播图的代码怎么写)

发布时间:2025-12-10 23:28:45 浏览次数:1

具体代码如下

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><scriptsrc="js/jquery.js"></script><style>.container{position:absolute;left:0;top:0;width:100%;overflow:hidden;border:1pxsolid#c3c3c3;border-radius:4px;}.block1{margin:0;padding:0;display:inline-block;height:400px;background-color:#008800;}.block2{margin:0;padding:0;display:inline-block;height:400px;background-color:#ffff00;}.block3{margin:0;padding:0;display:inline-block;height:400px;background-color:#FF9900;}</style></head><body><pclass="container"><pclass="block1"></p><pclass="block2"></p><pclass="block3"></p></p></body><script>varwt=window.innerWidth;$(".block1").css({width:wt});$(".block2").css({width:wt,left:wt});$(".block3").css({width:wt,left:wt*2});varaa=setInterval(function(){$(".block1").css({left:parseFloat($(".block1")[0].style.left)-1});$(".block2").css({left:parseFloat($(".block2")[0].style.left)-1});$(".block3").css({left:parseFloat($(".block3")[0].style.left)-1});if($(".block3")[0].style.left=="0px"){//clearInterval(aa);//清除循环滚动$(".block1").css({left:0})$(".block2").css({left:wt})$(".block3").css({left:wt*2})}},2)</script></html>
轮播图js代码
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477