css3旋转木马轮播图,超酷jQuery 3D旋转木马效果轮播图插件

jCarrousel是一款炫酷且强大的3D旋转木马效果轮播图jQuery插件。该旋转木马插件可以自适应屏幕大小来调整图片的间距，可实现自动播放等。jCarrousel代码简洁，使用简单，值得推荐。

由于IE浏览器不支持transform-style: preserve-3d;属性，所以在IE浏览器中看到的3D效果会有些变形。

使用方法

使用该3D旋转木马插件需要引入jQuery、carrousel.js和carrousel.css文件。

HTML结构

初始化插件

在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该3D旋转木马效果轮播图插件。

$('#dg-container').carrousel({

current: 0,

autoplay: true,

interval: 3000

});

配置参数

该3D旋转木马插件有3个可用的配置参数：

current：当前旋转木马项的index值，默认为0。

autoplay：是否自动播放。默认值为false。

interval：旋转木马项之间切换的时间间隔，单位毫秒，默认值2000

方法API

$('#dg-container').carrousel('play');：播放。

$('#dg-container').carrousel('stop');：停止。

$('#dg-container').carrousel('next');：跳转到下一个画面。

$('#dg-container').carrousel('prev');：跳转到前一个画面。

$('#dg-container').carrousel(3);：跳转到参数指定的画面，参数从0开始计数，3代表第4张图片。

css3旋转木马轮播图,超酷jQuery 3D旋转木马效果轮播图插件相关推荐

html旋转木马切换效果,超酷jQuery 3D旋转木马效果轮播图插件 -HTML5功能
简要教程 jCarrousel是一款炫酷且强大的3D旋转木马效果轮播图jQuery插件.该旋转木马插件可以自适应屏幕大小来调整图片的间距,可实现自动播放等.jCarrousel代码简洁,使用简单,值得 ...
带后台管理的超酷jquery+ajax幻灯相册php源码,仿门户网图片频道的jQuery幻灯相册轮播代码...
推荐 jquery画廊特效支持缩略图预览和全屏展示及图片描述这是款基于jquery的画廊相册特效,功能较全面,可支持缩略小图预览,幻灯图片全屏展示,可显示多种规格的图片,包括全屏显示高清大图,以及 ...
帮助你高效开发Ajax应用的超酷jQuery插件 - AjaxML
日期:2012-4-20 来源:GBin1.com 如果你使用jQuery进行Ajax开发的话,你一定要试试今天我们这里介绍的这一款jQuery插件 - AjaxML.它是一款能够帮助你提高ajax ...
帮助你生成超酷计时器和时钟效果的jQuery插件 - FlipClock.js
为什么80%的码农都做不了架构师?>>> 日期:2013-6-6 来源:GBin1.com 在线演示 FlipClock.js 是一款功能强大并且支持自定义的时钟和计时器的j ...
基于jquery多种切换效果的焦点图(兼容ie6)
随着html5和css3的诞生.各种非常酷.非常炫的网页焦点图在各个前端技术网上满天飞.基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持.这让需兼容ie6到ie8的页面又爱又恨. ...
超酷的模态框效果 - Nifty
dreamweaver免费视频教程:http://www.51rgb.com/mproductzh.aspx?classid=31加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费 ...
【有利可图网】PS实战系列：巧用PS设计制作超酷的马赛克拼图效果
本篇教大家如何巧用photoshop设计制作一个超酷的马赛克拼图效果!教程简单易学,感兴趣的小伙伴赶快收藏参考练习下!
html5圆形图片轮播,jQuery超酷响应式圆形图片轮播图特效
mislider是一款效果非常酷的jQuery响应式圆形图片轮播图特效插件.该轮播图特效可以将图片以圆形图片显示,然后使图片无限循环形成轮播图或旋转木马特效.该轮播图插件的特点有: 使用简单在同一个 ...
带后台管理的超酷jquery+ajax幻灯相册php源码,带后台管理的超酷jQuery+ajax幻灯相册PHP源码...
推荐类似于相片画廊效果超炫的jQuery相册特效 Slider Gallery with jQuery是一款基于CSS3和jQuery的JS相册代码,效果类似于平轴滑动式的相册画廊,支持点击放大图片 ...

css3旋转木马轮播图,超酷jQuery 3D旋转木马效果轮播图插件

css3旋转木马轮播图,超酷jQuery 3D旋转木马效果轮播图插件相关推荐

最新文章

热门文章