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 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
利用cookie记住背景颜色示例代码
Nov 04 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
Apr 07 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
对angularjs框架下controller间的传值方法详解
Oct 08 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
实例详解带参数的 npm script
May 28 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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
php中取得文件的后缀名?
2012/02/20 PHP
php开发工具有哪五款
2015/11/09 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
php7下的filesize函数
2019/09/30 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
jquery中实现标签切换效果的代码
2011/03/01 Javascript
dreamweaver 安装Jquery智能提示
2011/04/02 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
微信小程序实战之自定义模态弹窗(8)
2017/04/18 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
python数据结构之链表的实例讲解
2017/07/25 Python
Python基于tkinter模块实现的改名小工具示例
2017/07/27 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
Python实现购物车程序
2018/04/16 Python
PyQt5 QSerialPort子线程操作的实现
2018/04/21 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
部署Django到阿里云服务器教程示例
2020/06/03 Python
django使用graphql的实例
2020/09/02 Python
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
竞赛口号大全
2014/06/16 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
2015年教师国培感言
2015/08/01 职场文书
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers
python获取带有返回值的多线程
2022/05/02 Python
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript