我跟着慕课网上的一个教程学习,学习利用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"});
});