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 相关文章推荐
jquery 常用操作方法
Jan 28 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
jquery获得页面元素的坐标值实现思路及代码
Apr 15 Javascript
javascript原生ajax写法分享
Apr 10 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
node.js插件nodeclipse安装图文教程
Oct 19 Javascript
noty ? jQuery通知插件全面解析
May 18 Javascript
vue实现弹幕功能
Oct 25 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 Javascript
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
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&amp;java(一)
2006/10/09 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
JS 文件传参及处理技巧分析
2010/05/13 Javascript
jQuery探测位置的提示弹窗(toolTip box)详细解析
2013/11/14 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
javascript之IE版本检测超简单方法
2016/08/20 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
js实现图片无缝循环轮播
2019/10/28 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
vue 递归组件的简单使用示例
2021/01/14 Vue.js
python求pi的方法
2014/10/08 Python
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
可持续木材、生态和铝制太阳镜:Proof Eyewear
2019/07/24 全球购物
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
产品设计开发计划书
2014/05/07 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
python脚本框架webpy模板赋值实现
2021/11/20 Python