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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
JQuery实现左右滚动菜单特效
Sep 28 Javascript
JS实现的在线调色板实例(附demo源码下载)
Mar 01 Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 Javascript
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
ES6 Map结构的应用实例分析
Jun 26 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 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中实现进程间通讯
2006/10/09 PHP
PHP性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
php写的带缓存数据功能的mysqli类
2012/09/06 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
php实现过滤表单提交中html标签的方法
2014/10/17 PHP
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
php微信支付接口开发程序
2016/08/02 PHP
JavaScript中的闭包原理分析
2010/03/08 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
jQuery检测鼠标左键和右键点击的方法
2015/03/17 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
解决vue路由name同名,路由重复的问题
2020/08/05 Javascript
Vue-cli打包后如何本地查看的操作
2020/09/02 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
python的id()函数解密过程
2012/12/25 Python
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
Python内置加密模块用法解析
2019/11/25 Python
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
小学班主任经验交流材料
2014/12/16 职场文书
后勤工作个人总结
2015/02/28 职场文书
法学专业求职信范文
2015/03/19 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript