用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;//长度加上单位degvar 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>