jQuery带顺序列表图片切换

2024-11-03 22:52:27

1、准备好需要用到的图标。

jQuery带顺序列表图片切换

3、书写hmtl代码。<div id='banner'></div>

jQuery带顺序列表图片切换

5、书写并添加js代码。<script src="js/jquery.min.js"></script><script src='js/carousel.js'></script><script> window.onload = function(){ var banner = new Carousel(); //图片地址数组。不要少于三张 var imgSrcDate = ["img/a1.png","img/a2.png","img/a3.png","img/a4.png","img/a5.png","img/a6.png"]; banner.init({ container:"#banner", datas:imgSrcDate, autoplaySpeed:5000, autoplay:false }); }</script>

jQuery带顺序列表图片切换

7、查看效果。

jQuery带顺序列表图片切换
猜你喜欢