在网页设计中,可以不用设置焦点的逻辑关系,因为有鼠标,但在数字电视中,只有遥控器,所以只能人为的设计器遥控器的焦点的逻辑关系,在电视中焦点只能一个,那怎么确保在点击向下按钮时,它的焦点会向下呢?代码如下:
var Current = 0; //默认的焦点为0
function keyDown(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "") //IEFirefoxkeyBoardEvent
var keyCode = evt.keyCode?evt.keyCode:evt.which; //IEFirefoxkeyBoardEvent
switch(keyCode) {
case 40://down键值
Current-=1; break;
case 38: //up键值
Current+=1;
break;
}
}
这个只是简单示例,但在具体的实际中要考虑该模版结构中有几级列表,考虑当向下时,是否从一级跳到二级列表,然后判断一级列表是否与二级列表的逻辑关系是否一致,若一致,调用之前的key值判断,若结构不同,就要写一个二级列表的key值判断,并且默认二级焦点的位置,当跳到二级列表时,一级列表的焦点设置初始值,而二级列表的焦点显示相应效果,反之也一样。
分享到:
相关推荐
JS制作的带数字切换焦点图代码
asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件 自己亲手做的 ,虽然很简单,但是很实用
焦点图封装(js封装类,javascript,焦点图,图片切换)
这是一个用html+css+javascript做的焦点图,在网页制作中,要经常用到的!
介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下
myFocus是一个专注于焦点图/轮换图制作的JS库,它小巧而且是完全独立的JS库,大概是6~7KB左右的大小(min版),用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的...
带左右箭头 标码 自动轮播的焦点图 稍加改动就可以对付很多应用噢
js带缩略图的焦点图,缩略图带翻页,显示大图不限大小
js实现首页焦点图片切换效果,仿大麦网首页焦点图片切换效果
js焦点图片切换(完整源码,可以直接运行)
选择日期控件(js封装类,javascript,选择日期,文本框选择日期,控件)
JS超炫切换效果焦点图代码,超炫切换效果焦点图代码!!!
JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容、兼容IE8,很好的例子!
鼠标经过输入框获取焦点后下拉弹出选择列表菜单的js特效
js带标题的焦点图代码_带按钮的焦点图代码 js带标题的焦点图代码_带按钮的焦点图代码 js带标题的焦点图代码_带按钮的焦点图代码
JS幻灯 焦点图 多种样式可选择,门户网站的经典样式基本在里面了
js焦点图幻灯片 滚动焦点 可修改方向(上下左右)
3D旋转幻灯banner焦点图js代码
简单实用的js焦点图 常用的js焦点图代码