`
mysyche
  • 浏览: 39901 次
  • 性别: Icon_minigender_1
  • 来自: 天地之间
社区版块
存档分类
最新评论

javascript 方向键 上下键 移动行

    博客分类：
  • js
JavaScriptXHTMLHTML
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<style>
tr.highlight{
background:#08246B;
color:white;
}
</style>
<div>
<table   border="1"   width="70%"   id="ice">

<tr>
  <td>1</td>
</tr>
<tr>
  <td>2</td>
</tr>
</table>
</div>
  
<script   language="javascript">
<!--
var   currentLine   =   -1;
document.onkeydown   =   function   (e)   
{
    e   =   window.event   ||   e;
    switch   (e.keyCode)   
    {
        case   38:
            currentLine--;
            changeItem();
            break;
        case   40:
            currentLine++;
            changeItem();
            break;
        default   :
            break;
    }
}   
function   changeItem(){
    if(document.all) {   
        var   it   =document.getElementById("ice").children[0];
        alert("11");
    }
    else {
        var   it  =document.getElementById("ice");
        alert("22");
    }

    for   (i=0;i<it.rows.length;i++){
        it.rows[i].className   =   "";
    }
    if(currentLine <0)
        currentLine=it.rows.length-1;
    if   (currentLine ==it.rows.length)
        currentLine =0;
    it.rows[currentLine].className = "highlight";
}   
//-->
</script>
</body>
</html>

分享到：
| 转：JavaScript 经典代码大全：有 目录 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript完全学习手册1 源码

    javascript完全自学手册 目 录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1 1.1 JavaScript概述 1 1.1.1 什么是JavaScript 1 ...14.5.2 鼠标控制页面上下移动 462 14.6 菜单特效 464 14.6.1 树状菜单 465

    程序天下:JavaScript实例自学手册

    7.6 JavaScript捕获方向键 7.7 状态栏变化信息 7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中...

    javascript完全学习手册2 源码

    目录 第1篇 JavaScript基础篇 第1章 JavaScript简介 1．1 JavaScript概述 ...14．5．2 鼠标控制页面上下移动 14．6 菜单特效 14．6．1 树状菜单 14．6．2 折叠菜单 14．6．3 滑动菜单 14．6．4 右键菜单 ……

    《程序天下：JavaScript实例自学手册》光盘源码

    7.6 JavaScript捕获方向键 7.7 状态栏变化信息 7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中...

    【JavaScript源代码】JavaScript贪吃蛇的实现代码.docx

    通过键盘的上下左右控制蛇的移动方向　2.边界判定，即蛇头超出边界则游戏结束　3.碰撞判定，即蛇头和食物块发生触碰　4.吃到食物积分加1　具体实现　&lt;div class="container"&gt;　&lt;!--小蛇移动的操场--&gt;　...

    Zombies:僵尸是一款有趣的2D射击游戏，利用鼠标和键盘输入。 该项目是使用Vanilla JS，HTML和CSS创建的

    玩家可以使用WASD键在各个方向上移动角色。 射击包括使用鼠标光标瞄准并单击鼠标左键。 杀死僵尸需要三枪。 有无数的僵尸浪潮会增加难度。 一旦僵尸触碰了玩家，游戏就结束了！ 您的分数就是您幸存下来的海浪数量。...

    用 js+html 实现一个打飞机小游戏

    按下方向键控制飞机进行上下左右移动，按下空格键发射子弹，当我方或敌机被子弹命中，会有爆炸动画效果，并且在屏幕左上角会显示玩家得分和生命，每打中一架飞机得100分，当生命值为0后游戏结束，游戏还添加了暂停、...

    PerfectPong:经典街机游戏“ Pong”的简单轻巧版本。 使用香草HTML5和Javascript的基于Web的网站

    完美乒乓经典街机游戏“ Pong”的简单轻巧版本。 在项目页面上玩游戏。 使用香草HTML5和Javascript的基于Web的网站。... 控制：桨只能上下移动。 播放器1使用“ W”和“ S”键。 播放器2使用向上和向下箭头。

    js使用小技巧

    ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"&gt; 文本框的默认值 (this.defaultValue)"&gt; title换行 obj.title = "123&#13sdfs&#32" 获得时间所代表的微秒 var n1 = new Date("2004-...

    canvas-game-maze:canvas小游戏

    canvas小游戏 启动 clone项目到本地，执行node server.js打开 localhost:8899 查看 直接访问 操作 上下左右方向键移动 点击【提示】答案可以查看答案路线 点击【重来】可以重新游戏

    shoot-Em:Shoot'Em | 托尼·安妮·罗梅罗（Toni Anne Romero）

    射击====================游戏说明1人射击游戏玩家只能通过箭头键在一侧上下移动空格键发射子弹来自一个方向的随机敌人将尝试攻击“英雄” 玩家射击敌人以保存“英雄”，使其可以到达“ HOME” 玩家有2次机会。...

    push-box:推箱子小游戏

    游戏开始后开始监听键盘事件，在按上下左右键时触发go()方法，修改角色坐标，替换相应图标以达到角色移动的目的 每一次角色移动都会判断下一步的位置，如果是墙，则终止行为，如果是箱子，则跟随角色一起移动 胜利 ...

    AntiGravity-Pool:第一款使用WebGL的台式机和手机实时路径追踪游戏。 点击播放-> https

    电源会上下波动空格键再次拍摄！ 当进行了射击并且球在移动时，WASD会在场景中飞行行动控制滑动以对准母球捏入或拉出多莉相机方向控制按钮上方的小向上按钮进入拍摄模式。 电源会振荡小向上按钮再次拍摄！ 进行射击...

    my-frogger-game

    我的青蛙游戏 这是一款您会喜欢的精彩游戏。 通过避开路径中的敌人... 能够使用方向键在车道上上下移动 通过克服障碍来提高你的分数 分别被敌人击中你输掉比赛 小心！ 敌人拥有危险的速度 每个新游戏都会有不同的玩家。

    简单网页小游戏 贪吃滑稽-易语言

    ，通过键盘的上下左右可以控制方向，每3秒会出现一个新的 称为 食物 ，当两个 相遇的时候玩家会吃掉食物变大自己，如果碰到墙壁会重新开始恢复初始大小，很简单的一个小游戏，代码也比较少 对于新手来说有研究价值，...

    计算机应用技术(实用手册)

    进入后，你可以用方向键移动光标选择CMOS设置界面上的选项，然后按Enter进入副选单，用ESC键来返回上一级菜单，用PAGE UP和PAGE DOWN键来选择具体选项，F10键保留并退出BIOS设置。 1．STANDARD CMOS SETUP（标准...

Magicbox
Global site tag (gtag.js) - Google Analytics