用JavaScript实现元素自动旋转功能
JavaScript模块
<script>
//声明一个函数
function rotate() {
//每隔100毫秒调用一次fun函数（调整旋转速度的地方）
setInterval(fun, 100)
}
//声明一个number类型的变量
var deg = 0;
//声明一个函数
function fun() {
//指定id尾login的标签
var obj = document.getElementById("login");
//每次自增1度
deg += 1;
//长度加上单位deg
var d = deg + "deg";
//拼接控制旋转的方法
obj.style.transform = "rotate(" + d + ")";
}
</script>
html模块
<!--调用函数-->
<body onload="rotate();">
<div class="re">
<!--id为login-->
<div class="fa" id="login">
<div class="faa">
<form>
<div>账户：<input type="text"></div>
<div>密码：<input type="password"></div>
<div><input type="submit"></div>
</form>
</div>
</div>
</div>
</body>
本站文章版权归原作者及原出处所有 。内容为作者个人观点， 并不代表本站赞同其观点和对其真实性负责，本站只提供参考并不构成任何投资及应用建议。本站是一个个人学习交流的平台，网站上部分文章为转载，并不用于任何商业目的，我们已经尽可能的对作者和来源进行了通告，但是能力有限或疏忽，造成漏登，请及时联系我们，我们将根据著作权人的要求，立即更正或者删除有关内容。本站拥有对此声明的最终解释权。
