查看完整版本: 用各种热键导航

用各种热键导航

现在一个页面上用到的链接是越来越多，让人能一目了然地直接找到相应的链接却是越来越困难了，怎么样能方便地解决这个问题呢？现在有了用热键来导航的方法，相对来讲方便多了,其实它的原理是非常简单的，现在就来为大家介绍两种方法，有了它，就可以解决许多你原来没法解决的问题了。
你一定心动了吧，那就跟我来吧......

一、单一的热键导航
%26lt;SCRIPTLANGUAGE="JavaScript"%26gt;
%26lt;!--Begin
varkey=newArray();//设置一个数组
key['h']="http://www.jzzy.com";//按'h'指导航到站点的首页
key['j']="http://www.jzzy.com/javascript";//按'j'指导航到站点的javascript栏目中
key['f']="http://www.jzzy.com/flash";//按''指导航到站点的flash栏目中
key['m']="http://www.jzzy.com/member";//按''指导航到站点的社区中

functiongetKey(keyStroke){//设置一个按键启动函数
isNetscape=(document.layers);
eventChooser=(isNetscape)?keyStroke.which:event.keyCode;//检测一下[wiki]浏览器[/wiki]
which=String.fromCharCode(eventChooser).toLowerCase();//读出输入的字符
for(variinkey)if(which==i)window.location=key[i];//检测中相应的键，再导航到相应链接
}
document.onkeypress=getKey;//启动函数
//End--%26gt;
%26lt;/script%26gt;
你可以在某个地方进行说明（状态栏，Title栏，一个页面层，特殊文字）：按'h'返回首页等，这样使用起来就方便了许多


二、组合字母的热键导航

%26lt;SCRIPTLANGUAGE="JavaScript"%26gt;
%26lt;!--Begin
varSpecialWord="java",//预先设置好输入导航的字符，即设置一个字段
SpecialUrl="http://www.jzzy.com/",//设置一个链接
SpecialLetter=0;//设置开始字母为0个，如果改成1，只要输入'ava'，就可以自动导航了
functiongetKey(keyStroke){//设置一个按键启动函数
varisNetscape=(document.layers);
vareventChooser=(isNetscape)?keyStroke.which:event.keyCode;//检测一下浏览器
varwhich=String.fromCharCode(eventChooser).toLowerCase();//读出输入的字符
if(which==SpecialWord.charAt(SpecialLetter)){//检测输入字母
SpecialLetter++;//增加字母个数
if(SpecialLetter==SpecialWord.length)window.location=SpecialUrl;//如果正好是java就开始启动specialUrl
}
elseSpecialLetter=0;//如果不是就重新开始，设置字符为0，再一次进行检测
}
document.onkeypress=getKey;//启动函数
//End--%26gt;
%26lt;/script%26gt;
适用于比较特殊的一些链接，键入相应单词就能自动导航，省得在IE栏上敲一长串字母，方便了许多