jQuery简洁实现圆点按钮轮播图
⼤家好，我是前端⼩⽩，前段时间也是在做⼀个项⽬，⾃⼰也根据搜索，学习了⽹站中较为常见的轮播图，下⾯我就分享⼀下。
这是轮播图的html结构，ul⾥的li标签放置三张轮播图⽚，ol控制圆点效果以及加载脚本。
.example2 ol{
position:relative;
width: 200px;
height: 40px;
top:-30px;
left:460px;}
js实现轮播图最简代码.example2 ol li{
float:left;
width: 18px;
height: 18px;
margin: 5px;
background: #fff;
border-radius: 50%;
}
.example2 ol li.seleted{
background: #fca500;
}
以上是圆点样式
以下是内置的JS样式
.
luara-left{
position:relative;
padding:0;
overflow: hidden;
}
.luara-left ul{
position: relative;
padding: inherit;
margin: 0;
}
.luara-left ul li{
float: left;
padding: inherit;
margin: inherit;
list-style: none;
}
.luara-left ul li img{
width: inherit;
height: inherit;
}
$(".example2").luara({width:"990",height:"400",interval:4500,selected:"seleted",deriction:"left"});
以上脚本部分。
不过，在使⽤之前是需要引⼊两个JQUERY库，⼀个是JQUERY，⼀个是⾃⼰的LUARA插件，两者缺⼀不可。
jquery库相信⼤家都有了。
毕竟也是刚⼊门的下⽩，⼤神不喜勿喷。拜谢

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。