问题描述
- 在利用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"}); });
解决方案
你的什么浏览器先。。jquery2+以上不支持ie8-。而且要用类库的方法,jquery的animate对h5属性支持有限
解决方案二:
【JQuery】animate()
时间: 2024-09-17 03:25:10