<!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>
相关分类