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 相关文章推荐
div+css布局的图片连续滚动js实现代码
May 04 Javascript
ajax提交表单实现网页无刷新注册示例
May 08 Javascript
javascript Deferred和递归次数限制实例
Oct 21 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
javascript实现画不相交的圆
Apr 07 Javascript
JavaScript中string对象
Jun 12 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 Javascript
一个炫酷的Bootstrap导航菜单
Dec 28 Javascript
详解angular应用容器化部署
Aug 14 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 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
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
Yii查询生成器(Query Builder)用法实例教程
2014/09/04 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
js判断变量是否空值的代码
2008/10/26 Javascript
JS关键字变色实现思路及代码
2013/02/21 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
vue iview实现动态路由和权限验证功能
2018/04/17 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
python集合用法实例分析
2015/05/30 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
python leetcode 字符串相乘实例详解
2018/09/03 Python
TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法
2020/04/19 Python
Python判断远程服务器上Excel文件是否被人打开的方法
2020/07/13 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
《蒲公英》教学反思
2014/02/28 职场文书
党员公开承诺书
2014/03/25 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
物业接待员岗位职责
2015/04/15 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技