jquery.carousel.js基于jQuery的无缝轮播插件

Jquery图片轮播(聚焦图)插件 jquery.carousel.js


主要特色:

简单配置,语义化标签

兼容大多数主流浏览器

动画样式丰富,集合7中效果

同时支持li,div元素

效果图:

60371474110720.jpg

使用方法:

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 位网友评论:

欢迎来评论

请填写验证码

为您推荐