2 cswsg123 cswsg123 于 2016.04.05 16:13 提问

在利用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"});
});

2个回答

showbo
showbo   Ds   Rxr 2016.04.05 16:43

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

showbo
showbo 回复cswsg123: transform是别人写好的插件(jquery.transform-0.9.3.min.js)当然可以,jquery默认的animate对h5的动画支持有限
一年多之前 回复
cswsg123
cswsg123 我换上了Jquery.1.12.1也无法工作,我用edge,safari和chrome分别做了试验 都无效。transform都可以实现。
一年多之前 回复
CSDNXIAOD
CSDNXIAOD   2016.04.06 17:01

【JQuery】animate()
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!