大神帮帮忙,这两题该怎么做?

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>20170327作业</title>
   <style>
       #no{
           border: 2px solid seagreen;
       }
   </style>

</head>
<body>
<!--1.在body中写onclick属性触发一个函数,-->
<!--函数功能实现:每次点击后滑块向屏幕对角线方向移动10px-->
<!--2.在第一题的基础上使用setInterval()计时器,-->
<!--当点击body后滑块没隔5秒向屏幕对角线方向自动滑动一段距离-->
<div style="width: 200px;height: 200px" id="on" onclick="hk()"><img src="454.jpg"></div>
<script type="text/javascript">

       function hk() {
           var elem = document.getElementById("on");
           elem.style.position ="absolute";
           elem.style.left ="100px";
           elem.style.top = "100px";
       }

</script>
</body>
</html>

qq_无名_84
浏览 902回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript