在利用Jquery的animate使图片旋转时animate无效

我跟着慕课网上的一个教程学习,学习利用Jquery做图片旋转。
我做transform的时候,div发生了旋转,然而当我把transform换成animate的时候没有效果。
老师视频里面的animate发生了旋转。
我也不知道我错在了什么地方,查了很久。只能上来寻求帮助了。先谢谢大家了。

 <!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="test.css">
    </head>
    <body>
        <div id="test1"></div>
        </div>
    <script src="jquery-2.2.2.min.js"></script>
    <script src="jquery.transform-0.9.3.min.js"></script>
    <script src="test.js"></script>
    </body>
</html>

#test1{
width:100px;
height:300px;
background: black;
}

$(function(){
    //$("#test1").transform({rotate:"60deg"});
    $("#test1").animate({rotate:"60deg"});
});

1个回答

你的什么浏览器先。。jquery2+以上不支持ie8-。而且要用类库的方法,jquery的animate对h5属性支持有限

showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复cswsg123: transform是别人写好的插件(jquery.transform-0.9.3.min.js)当然可以,jquery默认的animate对h5的动画支持有限
4 年多之前 回复
cswsg123
cswsg123 我换上了Jquery.1.12.1也无法工作,我用edge,safari和chrome分别做了试验 都无效。transform都可以实现。
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐