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 相关文章推荐
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
JavaScript常用内置对象用法分析
Jul 09 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 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
用Zend Encode编写开发PHP程序
2006/10/09 PHP
个人站长制做网页常用的php代码
2007/03/03 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
[原创]PHP字符串中插入子字符串方法总结
2016/05/06 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
JS原型与继承操作示例
2019/05/09 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
python如何代码集体右移
2020/07/20 Python
pycharm实现猜数游戏
2020/12/07 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
啤酒销售实习自我鉴定
2013/09/24 职场文书
酒店实习个人鉴定
2013/12/07 职场文书
同事吵架检讨书
2014/02/05 职场文书
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫