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

摘要
阿里云产品通用代金券,最高可达2000元


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

主要特色:

  • 简单配置,语义化标签
  • 兼容大多数主流浏览器
  • 动画样式丰富,集合7中效果
  • 同时支持li,div元素
效果图:

vvv.jpg

这样调用:

$(document).ready(function(){
	$(".ceshi").carousel({
		isauto:true,
		speed: 1000,
		interval: 2000,
		type: "left",
		cbtns: true,
		width: "630px",
		height: "370px"
	});
})
使用方法:

1、HTML代码和CSS样式自行准备。。

2、引入jQuery.min.js文件和jquery.carousel.js文件(多说一句jQuery.min.js文件放在前面)

3、按照上面的代码调用插件

参数说明:

 * 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


本站统一解压密码:www.webstr.top

远程下载:carousel轮播插件.rar   大小:1.27 MB

目前评论:0 条