A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > jQuery图片旋转插件jQueryRotate.js用法实例

jQuery图片旋转插件jQueryRotate.js用法实例

时间:2016-01-22 08:52作者:fang人气:123

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

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

运行效果截图如下:

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>

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

标签jQuery,图片,旋转,插件,jQueryRotate.j

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号