点击按钮移动的div

最新推荐文章于 2024-09-04 15:47:59 发布

wei123456

最新推荐文章于 2024-09-04 15:47:59 发布

阅读量2.5k

点赞数

文章标签： div distance button function input html

本文链接：https://blog.csdn.net/wei123456/article/details/2199515

版权

<html>
<head>
<title>点击按钮移动的div(1.1作品)</title>
</head><BODY>
<input type="button" value="↑" οnclick="up()">
<input type="button" value="←" οnclick="left()">
<input type="button" value="↓" οnclick="down()">
<input type="button" value="→" οnclick="right()">
<div id="a" nowrap style="position:absolute; left:5; top:50; width:100; height:40; z-index:1; overflow: auto; overflow:hidden">
壹点壹作品
</div>
<script>
var distance=50;
function left(){
a.style.left= (parseInt(a.style.left) - distance) + "px";
}
function right(){
a.style.left= (parseInt(a.style.left) + distance) + "px";
}
function up(){
a.style.top = (parseInt(a.style.top) - distance) + "px";
}
function down(){
a.style.top = (parseInt(a.style.top) + distance) + "px";
}
</script> </body></html>

wei123456

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
点击按钮移动的div

点击按钮移动的div(1.1作品) 壹点壹作品var distance=50;function left(){ a.style.left= (parseInt(a.style.left) - distance) + "px";}function right(){ a.style.left= (parseInt(a.style.left) + distance) + "px";}function u
复制链接

扫一扫