|
CSS特效赏析
上一实例 下一实例
11、键盘控制对象 本节我们将讲一下键盘控制对象移动的例子。
在前面讲过的使对象移动的例子，如果能用键盘来控制，将会大大加强您和电脑之
间的交互性。那么键盘控制怎么实现呢？
这需要涉及到事件问题。也就是说需要有一个键盘控制事件来激发键盘按下和松开的状态。这里用到的是“keydown”事件，这个事件的书写格式是这样的： document.onkeydow=keydown 上面语句中的keydown是一个子程序，也就是说当您的浏览器读到这个子程序时，它就会知道您按下了哪一个键，从而作出相应的反应。我们下面来看一个例子： 请按任意键 当您按下任意键时，弹出了一个窗口，告诉您按下的是哪一个键，并且告诉您该键的内码是多少。实现这种键盘控制的代码如下： <html>
<head>
<script language="javascript">
<!--
function keyDown() {
var keycode = event.keyCode
var realkey = String.fromCharCode(event.keyCode)
alert("keycode: " + keycode + "\nrealkey: " + realkey) }
document.onkeydown = keyDown
//--> </script>
//*子程序*//</head>
<body>
<p class="p2">请按任意键</p> </body>
</html> 上面的这个例子很简单是一个很简单的例子， ☆，在这里您可以看到键盘控制图片移动的例子，☆ 您可以看到另外一种形式的移动。 好了，本节就讲到这里，下一节将向您介绍鼠标点击控制的例子。
上一实例 下一实例 
谈谈您的看法
| 
当前位置：学海荡舟 -> 电脑乐园 -> CSS特效赏析