<ul>
<li class="withoutfocus">单元一<div>隐藏文字一</div></li>
<li class="withoutfocus">单元二<div>隐藏文字二</div></li>
<li class="withoutfocus">单元三<div>隐藏文字三</div></li>
<li class="withoutfocus">单元四<div>隐藏文字四</div></li>
<li class="withoutfocus">单元五<div>隐藏文字五</div></li>
<li class="withoutfocus">单元六<div>隐藏文字六</div></li>
<li class="withoutfocus">单元七<div>隐藏文字七</div></li>
<li class="withoutfocus">单元八<div>隐藏文字八</div></li>
</ul>
ul {background:#333width:240pxlist-style: noneoverflow: hiddenpadding: 20pxmargin:0 auto}
li {padding: 5pxwidth:110pxfloat:left}
.withfocus {color: #fffbackground:#363}
.withoutfocus {color: #999}
$(document).ready(function() {
// 初始化jQuery Keynav插件
$('ul li').keynav('withfocus', 'withoutfocus')
// 设定第一个单元为焦点
$('ul li:first').removeClass().addClass('withfocus')
// 监听“点击”事件展开隐藏内容
$('ul li').bind("click", function() {
openUp($(this))
})
// 缺省状态下隐藏所有“隐藏内容”
closeAll()
})
function openUp($e) {
closeAll()
$e.find("div").slideDown()
}
function closeAll() {
$('ul li').each(function() {
$(this).find("div").slideUp()
})
}
通过创建一个event.keyCode对象，有获取键盘上的方向键，运行代码后，点击键盘上的任意方向键。代码如下：<html>
<head>
<title>取得键盘的方向键</title>
<script language="javascript">
<!--
function showkey(){
key = event.keyCode
if (key == 37) alert("按了←键！")
if (key == 38) alert("按了↑键！")
if (key == 39) alert("按了→键！")
if (key == 40) alert("按了↓键！")
}
document.onkeydown=showkey
-->
</script>
</head>
<body>
请按方向键←↑→↓
</body>
</html><br /><center>如不能显示效果，按Ctrl+F5刷新。
给你改好了，你要知道“event.keyCode”返回的不是数值，要乘一（*1）转换成了数值型。如此才能判断！ 希望对你要帮助！<!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>
<title>hello world </title>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<!-- 引入 jQuery -->
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
alert("Hello World!")
})
//test2
$(document).ready(function(){
$(window).keydown(function(event){
//if (null == event) {
//event = window.event
//}
switch(event.keyCode*1) {
case 38:
alert("38!")
break
case 40:
alert("40")
break
}
})
})
</script>
</head>
<body>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）