脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery图片旋转插件jQueryRotate.js

jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)

 更新时间：2016年01月21日 15:48:15   作者：张映  
这篇文章主要介绍了jQuery图片旋转插件jQueryRotate.js用法,结合实例形式分析了图片旋转插件jQueryRotate.js用法,并附带了demo示例代码供读者下载,需要的朋友可以参考下

本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考，具体如下：

推荐一个图片旋转插件，用于浏览相册时，旋转图片。

运行效果截图如下：

点击此处查看在线演示效果。

具体代码如下：

<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插件相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • jQuery中:password选择器用法实例

    jQuery中:password选择器用法实例

    这篇文章主要介绍了jQuery中:password选择器用法,实例分析了:password选择器的功能、定义与匹配密码框的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jQuery实现在最后一个元素之前插入新元素的方法

    jQuery实现在最后一个元素之前插入新元素的方法

    这篇文章主要介绍了jQuery实现在最后一个元素之前插入新元素的方法,涉及jquery针对页面元素的匹配选择与属性操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • Html5的placeholder属性(IE兼容)实现代码

    Html5的placeholder属性(IE兼容)实现代码

    Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE不支持
    2014-08-08
  • Jquery获取radio选中的值

    Jquery获取radio选中的值

    本文主要介绍了Jquery获取radio选中值的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • jquery ajax 登录验证实现代码

    jquery ajax 登录验证实现代码

    ajax 登录验证实现代码，这里用到了jquery，当然如果不想用，可以参考脚本之前发布的文章。
    2009-09-09
  • jQuery列表检索功能实现代码

    jQuery列表检索功能实现代码

    要实现一个简单的列表，右上角有一个检索功能我们要实现的是列表检索功能，具体实例代码大家参考下本文
    2017-07-07
  • jquery提交form表单简单示例分享

    jquery提交form表单简单示例分享

    这篇文章主要介绍了jquery提交form表单示例,需要的朋友可以参考下
    2014-03-03
  • Jquery结合HTML5实现文件上传

    Jquery结合HTML5实现文件上传

    本文给大家介绍的是利用Jquery使用HTML5的FormData属性实现对文件的上传的方法和实例，非常的实用，有需要的小伙伴可以参考下。
    2015-06-06
  • jquery弹出遮掩层效果【附实例代码】

    jquery弹出遮掩层效果【附实例代码】

    下面小编就为大家带来一篇jquery弹出遮掩层效果【附实例代码】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
    2016-04-04
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS

    jQuery添加/改变/移除CSS类及判断是否已经存在CSS

    正如标题所言会用到removeClass移除CSS类、addClass添加CSS类、toggleClass添加或者移除CSS类，hasClass判断是否已经存在CSS
    2014-08-08

最新评论