图片旋转出场
本帖最后由 waitforlove 于 2018-10-11 21:18 编辑<!DOCTYPE html>
<html>
<head>
<title>jqtest</title>
<meta charset="utf-8">
<script type="text/javascript" src="js/js库/jquery-1.11.0.js"></script><!-- 加载指定jq库 -->
<script type="text/javascript">
var qq=0;
function xuanz(){
// $("#img1")选择器
$("#img1").css("transform","rotate("+qq+"deg)");//transform rotate控制旋转
qq+=10;
if(qq<=360){requestAnimationFrame(xuanz);};//requestAnimationFrame定时器
};
$(function(){//文档加载完成运行
$("#img1").show("slow",xuanz());//show("slow",xuanz())600毫秒显示并执行xuanz函数
});
</script>
<style type="text/css">
img{
margin:20px 38%;
}
</style>
</head>
<body>
<img src="img/1.jpg" id="img1" width="300px" height="400px" style="display:none">
</body>
</html>
页:
[1]