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

爱吾下载站

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

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

发表时间:2016-01-22 08:52作者:fang人气:更新时间:2025-10-06 23:14:47

本文实例讲述了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

相关下载

查看所有评论+

网友评论

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

公众号