javascript下用键盘控制层的移动的代码
javascript下用键盘控制层的移动的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:键盘控制层的移动请分别按下↑、↓、←、→,试试看有什么效果?控制键设置:向上移动:向下移动:向左移动:向右移动:每次移动px;键盘控制层的移...

<html>

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>

<title>键盘控制层的移动</title>

<styletype="text/css">

<>

</style>

</head>

<body>

<divid="Div"><spanid="Txt"><p>请分别按下<font>↑</font>、<font>↓</font>、<font>←</font>、<font>→</font>,</p><p>

试试看有什么效果?</p></span></div>

<spanid="Layer1">控制键设置:<br>

向上移动:

<inputname="Up"type="text"value="↑"size="6"><br>

向下移动:

<inputname="Down"type="text"value="↓"size="6"><br>

向左移动:

<inputname="Left"type="text"value="←"size="6"><br>

向右移动:

<inputname="Right"type="text"value="→"size="6"><br>

每次移动<inputname="Int"type="text"id="Int"value="5"size="4"maxlength="3">

px;</span>

</body>

</html>

<scriptlanguage="javascript">

<>

</script>

键盘控制层的移动

请分别按下 ↑、↓、←、→,

试试看有什么效果?

控制键设置: 向上移动: 向下移动: 向左移动: 向右移动: 每次移动 px;

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类