手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
摘要:本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考,具体如下:推荐一个图片旋转插件,用于浏览相册...

本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考,具体如下:

推荐一个图片旋转插件,用于浏览相册时,旋转图片。

运行效果截图如下:

jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)1

点击此处查看在线演示效果。

具体代码如下:

<script type="text/javascript"> $(document).ready(function () { $("#images").rotate(45); var value = 0 $("#images1").rotate({ bind: { mouseover: function(){ value +=90; $(this).rotate({ animateTo:value}) } } }); $('#button').click(function(){ $("#images1").rotate({animateTo:parseInt($('#angel').val())}); }); function rotation (){ $("#images2").rotate({ angle:0, animateTo:360, callback: rotation, easing: function (x,t,b,c,d){ return c*(t/d)+b; } }); } rotation(); }); </script>

上面只是js代码,完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

【jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)】相关文章:

javascript委托(Delegate)blur和focus用法实例分析

jQuery插件zepto.js简单实现tab切换

jQuery预加载图片常用方法

JQuery分屏指示器图片轮换效果实例

JQuery插件ajaxfileupload.js异步上传文件实例

jQuery插件expander实现图片翻转特效

jQuery封装的tab选项卡插件分享

Jquery使用css方法改变样式实例

jQuery异步上传文件插件ajaxFileUpload详细介绍

jQuery插件制作之参数用法实例分析

精品推荐
分类导航