手机
当前位置:查字典教程网 >编程开发 >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中DOM事件绑定用法详解

jQuery插件制作之全局函数用法实例

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

javascript中DOM复选框选择用法实例

jquery预加载图片的方法

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

JQuery球队选择实例

JQuery中attr方法和removeAttr方法用法实例

jQuery使用zTree插件实现树形菜单和异步加载

jQuery预加载图片常用方法

精品推荐
分类导航