html的3d旋转木马插件,纯js超酷3D旋转木马特效插件

ImageRotator.js是一款效果非常炫酷的纯js 3D旋转木马特效插件。该旋转木马插件可以制作出类似Flash的旋转图效果，并且每张图片都带有倒影效果。

使用方法

在页面中引入ImageRotator.js文件。

HTML结构

使用一个

元素作为旋转木马的容器。容器中的每一张图片都要设置一个宽度和高度。

......

初始化插件

你可以在

元素中使用onload方法来加载该旋转木马插件。例如：

其中，ImageRotatorJS()构造函数中的参数如下：

第一个参数表示父容器的ID。

第二个参数表示每一个旋转木马项的class名称。

第三个参数表示旋转速度：10 = fast, 500 = slow. 10 = 0.01 second 。

第四个参数表示缩放的百分比： 0 = no Zoom, 100 = 100% Zoom。

第五个参数表示旋转的时间间隔，单位为毫秒。

第六个参数表示图片于屏幕在Z轴方向上的角度。

第七个参数表示图片的初始角度。

第八个参数表示图片的反射倒影的级数：0-100。

第九个参数是可选参数，表示圆周的颜色。

方法

有两个方法可以控制旋转密木马的旋转。

IRJS_StopRotation：停止旋转。例如：

IRJS_StartRotation：开始旋转。例如：

其中：1表示时针旋转，-1表示逆时针旋转。还有第三个可选的参数用于修改旋转的时间间隔。

html的3d旋转木马插件,纯js超酷3D旋转木马特效插件相关推荐

html js 循环提示框,纯js超酷消息提示框插件notice.js
notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...
html5 下拉框美化,纯js超酷select下拉框美化插件
tastySelect是一款纯js超酷select下拉框美化插件.tastySelect下拉框插件支持多选,内置两种主题,使用CSS3动画过渡效果,整体设计时尚大方. 使用方法在页面中引入tasty ...
图片3d立方体旋转html代码,超酷3D立方体空间旋转图片画廊特效
这是一款效果非常炫酷的CSS3 3D立方体空间旋转图片画廊特效.该特效实际是一个3D立方体,在其内部显示图片.在点击立方体每一面的图片时,这张图片就会放大到屏幕的中间,效果非常的酷. 因为IE浏览器不 ...
html图片百叶窗轮播,纯js百叶窗效果轮播图插件
这是一款纯js百叶窗效果轮播图插件.该js轮播图在图片切换时的效果类似于多张图片展开合成一张完整的大图.该轮播图由纯js编写,兼容ie8浏览器. 使用方法在页面中引入imgSwitch.min.js ...
使用jQuery插件realshadow实现超酷真实阴影效果
为什么80%的码农都做不了架构师?>>> 日期:2012-5-4 来源:GBin1.com 在线演示本地下载大家有没有尝试使用纯CSS和Javascript来生成带有颜 ...
分类图片展示php源码,HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)...
本文讲述了HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果.分享给大家供大家参考,具体如下: 因为本人是星际争霸系列游戏的忠实拥簇,所以在今天的jQuery教程中,我 ...
纯CSS3炫酷3D星空动画特效
效果: 源码: <!DOCTYPE html> <html lang="zh"> <head><meta charset="UT ...
html5立体照片墙效果,HTML5特效可以 14种jQuery超酷3D网格照片墙动画特效源码
效果图各位长友大家好, 今天给大家带来的是14种jQuery超酷3D网格照片墙动画特效源码! 大家可以按照自己的意愿做成个人喜欢的样子! 想要文件版源码的,请加穷581549454 废话不多说. ...
css和js实现3d图片,JavaScript_纯JS实现旋转图片3D展示效果，CSS:style type=text/cssgt - phpStudy...
纯JS实现旋转图片3D展示效果 CSS: #show{position:relative;margin:20px auto;width:800px;} .item{position:absolute; ...
js超酷消息警告框美化插件
演示地址:考高分网-致力于简单高效的学习网 (kaotop.com)http://www.kaotop.com/ 正如上图你看到的这样,这就是今天要给大家分享的一款JAVASCRIPT弹窗插件-Swe ...

html的3d旋转木马插件,纯js超酷3D旋转木马特效插件

html的3d旋转木马插件,纯js超酷3D旋转木马特效插件相关推荐

最新文章

热门文章