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


Posted in Javascript onJanuary 21, 2016

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

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

运行效果截图如下:

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

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

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
jQuery设置div一直在页面顶部显示的方法
Oct 24 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
关闭浏览器时提示onbeforeunload事件
Dec 25 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
vue引入swiper插件的使用实例
Jul 19 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
Jan 21 #Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 #Javascript
jquery mobile开发常见问题分析
Jan 21 #Javascript
json格式数据的添加,删除及排序方法
Jan 21 #Javascript
jquery及js实现动态加载js文件的方法
Jan 21 #Javascript
js console.log打印对像与数组用法详解
Jan 21 #Javascript
JS遍历数组及打印数组实例分析
Jan 21 #Javascript
You might like
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
PHP5 面向对象(学习记录)
2009/12/02 PHP
Window下PHP三种运行方式图文详解
2013/06/11 PHP
PHP实现仿Google分页效果的分页函数
2015/07/29 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
bootstrap data与jquery .data
2014/07/07 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
layui实现数据表格table分页功能(ajax异步)
2019/07/27 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
2020/02/16 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
浅谈python中真正关闭socket的方法
2018/12/18 Python
python把转列表为集合的方法
2019/06/28 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
详解程序意外中断自动重启shell脚本(以Python为例)
2019/07/26 Python
Python用input输入列表的实例代码
2020/02/07 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
Europcar英国:英国汽车和货车租赁
2017/01/21 全球购物
劲霸男装广告词改编版
2014/03/21 职场文书
银行服务明星推荐材料
2014/05/29 职场文书
股东出资证明书范例
2014/10/04 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python