手机
当前位置:查字典教程网 >编程开发 >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下载)】相关文章:

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

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

jQuery插件实现适用于移动端的地址选择器

JQuery球队选择实例

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

jquery中map函数遍历数组用法实例

javascript瀑布流式图片懒加载实例

JQuery中DOM事件绑定用法详解

JQuery中层次选择器用法实例详解

Jquery中基本选择器用法实例详解

精品推荐
分类导航