图片旋转出场

waitforlove · 发表于 2018-10-11 21:16:34

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 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>
<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>

复制代码

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 图片旋转出场