头像

jQueryRotate插件演示三种图片旋转DEMO【原创

来源:https://www.sucaihuo.com/js/3021.html ro***ay 2017-09-17 16:31浏览(1374) 收藏

利用jQueryRotate.js插件实现的图片旋转效果,三种不同方式旋转,第一种45度,第二种点击一次增加90度,第三种不停旋转,css3 rotate在高级浏览器旋转
jQueryRotate插件演示三种图片旋转DEMO
分类:html/css > 图形 难易:入门级

程序员,你不是一个人;网站开发QQ群:642228541,在线充值,或联系QQ321037704直接充值

查看演示 下载资源: 0 下载资源 下载积分: 50 积分

三种旋转

$("#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();
标签: 旋转rotate
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3021.html
最新交易
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

1 2