|
|
<!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" />
<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: #ffffff;
font-size: 12px;
font-weight: bold;
height: 25px;
line-height: 25px;
text-align: center;
}
.datagrid tr {
}
.datagrid td {
padding: 5px;
background-color: #ffffff;
}
/* css for OEC form page*/
.row_focus {
background: #B0FFB0;
border: 1px solid #00cc33;
}
/* css or table row effect */
tr.alt td {
background: #ecf6fc;
}
tr.over td {
background: #bcd4ec;
}
-->
</style>
<title>無(wú)標(biāo)題文檔</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="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/Javascript" src="http://js-hotkeys.googlecode.com/files/jquery.hotkeys-0.7.9.min.js"></script>
<script type="text/Javascript">
$(document).ready(function(){
$("#prevTrIndex").val("-1");//默認(rèn)-1
var trSize = $(".datagrid tr").size();//datagrid中tr的數(shù)量
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(){//鼠標(biāo)滑過(guò)
$(this).addClass("over");
}).mouseout(function(){ //鼠標(biāo)滑出
$(this).removeClass("over");
}).each(function(i){ //初始化 id 和 index 屬性
$(this).attr("id", "tr_" + i).attr("index", i);
}).click(function(){ //鼠標(biāo)單擊
clickTr($(this).attr("index"));
}).dblclick(function(){ //鼠標(biāo)雙擊
$("#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);
}
return false;
}).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);
}
return false;
}).bind('keydown', 'return', function(evt){ // 主站蜘蛛池模板： 亚洲AV成人无码网天堂 | 精品伊人久久久 | 久久久影院亚洲精品 | 色妞色视频一区二区三区四区 | 蜜柚在线观看免费高清官网视频 | 姉调无修版ova国语版 | 噜噜噜在线AV免费观看看 | 亚洲免费视频日本一区二区 | 9国产露脸精品国产麻豆 | 亚洲熟妇无码乱子AV电影 | 成人片在线播放 | 美女胸网站 | 岛国片在线免费观看 | 97资源站超碰在线视频 | 视频专区亚洲欧美日韩 | 99国产精品成人免费视频 | 亚洲欧美高清在线精品一区 | 亚洲色视在线观看视频 | 接吻吃胸摸下面啪啪教程 | 国产亚洲精品久久久久久一区二区 | 免费夜里18款禁用软粉色 | 闺蜜撬开我的腿用黄瓜折磨我 | 青青青久久 | 国产在线精彩亚洲 | 好大太快了快插穿子宫了 | 国产精品99久久免费黑人人妻 | 亚洲中文 字幕 国产 综合 | 中文成人在线视频 | 欧美5g影院天天爽天天看 | 99久久中文字幕伊人情人 | 漂亮的保姆3集电影免费观看中文 | 亚洲欧美日韩在线观看一区二区三区 | 一个人免费视频在线观看高清频道 | 日本高清无吗 | 人妻少妇久久久久久97人妻 | 久久欧洲视频 | 欧美在线看欧美视频免费 | 2022国产精品不卡a | 久久精品WWW人人爽人人 | 精品一区二区免费视频蜜桃网 | 超碰97免费人妻 |