jquery.carousel.js基于jQuery的无缝轮播插件
Jquery图片轮播(聚焦图)插件 jquery.carousel.js
主要特色:
简单配置,语义化标签
兼容大多数主流浏览器
动画样式丰富,集合7中效果
同时支持li,div元素
效果图:
使用方法:
1、HTML代码和CSS样式自行准备。。 2、引入jQuery.min.js文件和jquery.carousel.js文件(多说一句jQuery.min.js文件放在前面) 3、按照下面的代码调用插件 $(document).ready(function(){ $(".ceshi").carousel({ isauto:true, speed: 1000, interval: 2000, type: "left", cbtns: true, width: "630px", height: "370px" }); })
参数说明:
width: 自定义容器宽度,比如:300px,100%
height: 自定义容器高度,比如:150px,100%
isauto: 是否自动播放,true or false
speed: 切换/播放速度,毫秒
interval: 停顿时间,毫秒
type: 播放模式,有:left,right,up,down,step,slide,show
ctype: 切换按钮时间, click or hover
cbtns: 是否显示切换按钮, true or false
nextbtn: “下一个”按钮模块, .类名 or #ID
prebtn: “上一个”按钮模块, .类名 or #ID
有 0 位网友评论: