jQuery 隔行换色 支持键盘上下键，按Enter选定值
字体：[ ] 类型：转载 时间：
jQuery 隔行换色 支持键盘上下键，按Enter选定值
代码如下:&!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/ charset=gb2312" /& &style& &!-- /* css for data grid*/ .datagrid { width: 100%; background-color: #6595d6; } .datagrid caption { } .datagrid th { /*background-image: url("images/div.th.background-image.gif" );*/ background-color: #6595d6; color: # font-size: 12 font-weight: height: 25 line-height: 25 text-align: } .datagrid tr { } .datagrid td { padding: 5 background-color: # } /* css for OEC form page*/ .row_focus { background: #B0FFB0; border: 1px solid #00cc33; } /* css or table row effect */ tr.alt td { background: #ecf6 } tr.over td { background: #bcd4 } --& &/style& &title&无标题文档&/title& &/head& &body& &form id="form1" name="form1" method="post" action=""& &label& &input type="text" name="txt_no" id="txt_no" /& &/label& &br /& &table width="600" border="0" cellpadding="3" cellspacing="1" class="datagrid"& &tr& &td&1&/td& &td& 张三&/td& &td&&&/td& &/tr& &tr& &td&2&/td& &td&李四&/td& &td&&&/td& &/tr& &tr& &td&3&/td& &td&王五&/td& &td&&&/td& &/tr& &tr& &td&4&/td& &td&马六&/td& &td&&&/td& &/tr& &tr& &td&5&/td& &td&&&/td& &td&&&/td& &/tr& &tr& &td&6&/td& &td&&&/td& &td&&&/td& &/tr& &tr& &td&7&/td& &td&&&/td& &td&&&/td& &/tr& &tr& &td&8&/td& &td&&&/td& &td&&&/td& &/tr& &tr& &td&9&/td& &td&&&/td& &td&&&/td& &/tr& &tr& &td&10&/td& &td&&&/td& &td&&&/td& &/tr& &/table& &input type="hidden" name="prevTrIndex" id="prevTrIndex" value="-1" /& &/form& &script type="text/javascript" src="/files/jquery-1.3.2.min.js"&&/script& &script type="text/javascript" src="http://js-/files/jquery.hotkeys-0.7.9.min.js"&&/script& &script type="text/javascript"& $(document).ready(function(){ $("#prevTrIndex").val("-1");//默认-1 var trSize = $(".datagrid tr").size();//datagrid中tr的数量 function clickTr(currTrIndex){ var prevTrIndex = $("#prevTrIndex").val(); if (currTrIndex & -1){ $("#tr_" + currTrIndex).addClass("over"); } $("#tr_" + prevTrIndex).removeClass("over"); $("#prevTrIndex").val(currTrIndex); } $(".datagrid tr").mouseover(function(){//鼠标滑过 $(this).addClass("over"); }).mouseout(function(){ //鼠标滑出 $(this).removeClass("over"); }).each(function(i){ //初始化 id 和 index 属性 $(this).attr("id", "tr_" + i).attr("index", i); }).click(function(){ //鼠标单击 clickTr($(this).attr("index")); }).dblclick(function(){ //鼠标双击 $("#txt_no").val(($(this).find("td")[0]).innerHTML); }); $(".datagrid tr:even").addClass("alt"); //偶行变色 $(document).bind('keydown', 'up', function(evt){ //↑ var prevTrIndex = parseInt($("#prevTrIndex").val()); if (prevTrIndex == -1 || prevTrIndex == 0){ clickTr(trSize - 1); } else if(prevTrIndex & 0){ clickTr(prevTrIndex - 1); }
}).bind('keydown', 'down', function(evt){ //↓ var prevTrIndex = parseInt($("#prevTrIndex").val()); if (prevTrIndex == -1 || prevTrIndex == (trSize - 1)){ clickTr(0); } else if (prevTrIndex & (trSize - 1)) { clickTr(prevTrIndex + 1); }
}).bind('keydown', 'return', function(evt){ //↙ var prevTrIndex = parseInt($("#prevTrIndex").val()); $("#txt_no").val(($("#tr_" + prevTrIndex).find("td")[0]).innerHTML);
}); clickTr(0); }) &/script& &/body& &/html&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具为什么我手机打字按不了Q-P这一排的字母。安卓键盘英文有按的到。换了好几种输入法都按不了_百度知道
为什么我手机打字按不了Q-P这一排的字母。安卓键盘英文有按的到。换了好几种输入法都按不了
我有更好的答案
送去维修吧，那恭喜你手机触摸屏有故障了，或者你安装了什么特殊软件，若做完还是不行，你先卸载特殊软件试一下你的手机显示屏有故障了
可能是手机的部分指令坏了
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁后使用快捷导航没有帐号？
查看: 2317|回复: 5
新人欢迎积分0 阅读权限60积分3654精华0UID帖子金钱5654 威望0
Lv.6, 积分 3654, 距离下一级还需 1346 积分
UID帖子威望0 多玩草210 草
不知道是为什么啊，嘛的，是不是跟其他软件按键冲突了。。。。。。
ALT+R我是放的解除冲击，现在不灵了，我还不习惯，用鼠标左键1来代替，结果各种不习惯。。。。
我现在电脑里装的有YY,QQ,阿里旺旺，kugou，基本就这些吧，其他的软件基本不涉及热键组合吧。。。。。。。。
怀念精彩在线
新人欢迎积分1 阅读权限70积分5791精华0UID帖子金钱39917 威望4
Lv.7, 积分 5791, 距离下一级还需 4209 积分
UID帖子威望4 多玩草640 草
重装系统就是& & 在重装永恒
没动力就变懒~
新人欢迎积分2 阅读权限130积分369797精华3UID1321473帖子金钱1977507 威望466
渐行渐远,挥手说再见ˇ
UID1321473帖子威望466 多玩草19949 草
键盘烂了 要么冲突了
要么游戏里设置没这个快捷键了
梦到尽头是孤独
新人欢迎积分1 阅读权限80积分18132精华0UID帖子金钱30318 威望0
低调的华丽
Lv.8, 积分 18132, 距离下一级还需 1868 积分
UID帖子威望0 多玩草0 草
楼上大神←_←，其实我也不知道，看看你的输入法吧……
请记住：永远不要和s.b以及喷子争辩，他们会把你的智商和素质拉到和他们同一水平线，然后用丰富的经验打败你！
新人欢迎积分0 阅读权限70积分7147精华0UID帖子金钱9671 威望0
Lv.7, 积分 7147, 距离下一级还需 2853 积分
UID帖子威望0 多玩草0 草
我的ALT+F4不能用，估计也是什么冲突了
新人欢迎积分0 阅读权限50积分1555精华0UID帖子金钱15839 威望0
Lv.5, 积分 1555, 距离下一级还需 945 积分
UID帖子威望0 多玩草50 草
肯定是冲突了。。最好把搜狗输入法换掉。。
手机论坛勋章
APP发帖双倍积分，登陆即送勋章！
猴年新春勋章
猴年大吉，猴年行大运！
元宝专属一阶勋章。已绝版
阳光热情勋章
阳光热情勋章
贴图萌勋章
贴图萌勋章
天蝎座勋章
天蝎座勋章
爱情守望者
爱情守望者
解答员勋章
解答员勋章
马年新春勋章
手机APP马年迎春，马上有钱！
需要金钱：1100
Powered by
手机盒子客户端点击或扫描下载qq聊天的时候为什么键盘用着用着就自己收回去,按不出来_百度知道
qq聊天的时候为什么键盘用着用着就自己收回去,按不出来
我有更好的答案
这是bug很正常～有些输入法不支持你手机！但是还能用！就是有时候会自己收回去～按不出来……下载一个官方输入法就行了！百度输入法不错～
你试试百度输入法，我以前用搜狗就会出现这个问题，你可以换个输入法试试
我也常这样，关机再开机，大概是运行内存小。
可以去设置里搞
其他类似问题
为您推荐：
qq聊天的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}