鼠标鼠标点击某行高亮显示

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script src="jquery-1.7.2.js" type="text/javascript"></script>

<script type="text/javascript">

var theObj;
function hilight(obj){
if(theObj!=null){
theObj.style.background = "#fff";}

if(theObj = obj){
obj.style.background = "#999900";}
}

</script>

<body>
<form>
<div class="list_cont">

<div>
<table class="adv_query_list">
<tbody class="diff_inp">
<tr class="search_title_show">
<td align="center" width="3%">序号</td>
<td align="center" width="10%">合同编号</td>
<td align="center" width="5%">客户姓名</td>
<td align="center" width="10%">身份证号</td>
<td align="center" width="5%">贷款类型</td>
<td align="center" width="10%">合同金额</td>
<td align="center" width="10%">放款金额</td>
<td align="center" width="10%">签约时间</td>
<td align="center" width="10%">放款时间</td>
<td align="center" width="8%">合同状态</td>
<td align="center" width="10%">部门</td>
<td align="center" width="10%">操作</td>
</tr>
<tr align="center" class="tdbg" onclick="hilight(this)">
<td>1</td>
<td>MX-0010-01-A-2013000001</td>
<td><a href="">小二</a></td>
<td>身份证号</td>
<td>高端贷</td>
<td>500000.00</td>
<td>48000.00</td>
<td>签约时间</td>
<td>放款时间</td>
<td>状态</td>
<td>营业部</td>
<td class="list_adiff"><a href="">查看</a></td>
</tr>
<tr align="center" class="tdbg" onclick="hilight(this)">
<td>2</td>
<td>MX-0010-01-A-2013000001</td>
<td><a href="">小二</a></td>
<td>身份证号</td>
<td>高端贷</td>
<td>500000.00</td>
<td>48000.00</td>
<td>签约时间</td>
<td>放款时间</td>
<td>状态</td>
<td>营业部</td>
<td class="list_adiff"><a href="">查看</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
</body>
</html>

时间: 2024-12-15 01:39:22

鼠标鼠标点击某行高亮显示的相关文章

10.3 鼠标指针经过时整行变色提示的表格

近年来,Web 2.0的概念逐渐被广泛接受,其中很重要的一点是强调改善用户体验,例如上一节的例子中,把表格设置为交替背景色,可以使访问者在浏览表格时有更好的体验. 然而对于长时间审核大量数据和浏览表格的用户来说,即使是隔行变色的表格,长时间阅读这样的表格仍然会感到疲劳.而且对于数据壁很大的表格,特别容易看错行或者列.如果参考微软公司Excel软件的做法,我们就可以发现很多可以改进的地方. 例如,在一个行列都很多的表格中,如果能像在Excel中那样,随时以高亮的方式提示一个单元格对应的行号(或行的

本元鼠标自动点击器 v1.31 官方绿色版

软件名称: 本元鼠标自动点击器软件语言: 简体中文授权方式: 免费软件运行环境: Win 32位/64位软件大小: 516KB图片预览: 软件简介:本元鼠标自动点击器是一款免费绿色版的鼠标自动点击器,它可以通过录制回放鼠标动作的方法,实现模拟任何鼠标的操作,支持自定义鼠标坐标点击,力求做到精确的定位,是网页游戏的好帮手本元鼠标自动点击器主要功能1.可分别模拟左键单击.左键双击.右键单击.右键双击四种鼠标动作2.可用左键从左至右或从右至左连续单击弹出的信息框按钮区3.可录制和播放指针移动.左键单击

网页上记录鼠标的点击次数

<!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>记录鼠标的点击次数</title>&

鼠标模拟点击a标签

今天写程序遇到的,想要用鼠标模拟点击a标签 html代码如下: <a id="jump"></a> js代码如下: var page = ....; $('#jump').attr('href', '?page='+page).click(); 执行结果为a标签的href属性添加成功,但就是无法点击跳转... 后查询结果说要在里面加元素,故将html改成: <a id="jump"><span id="click&

SS如何实现把鼠标放在行上整行变色

CSS如何实现把鼠标放在行上整行变色: 在很多网站都有这样的效果,那就是当鼠标放在一个文章列表行的时候,此行就会显示与其他行不同的颜色,本站的文章列表也具有这样的效果,便于浏览者识别,非常人性化,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content=&quo

easyui的datagrid组件,如何设置点击某行不会高亮该行的方式

easyui的datagrid组件,有些时候我们点击某行不想高亮显示,如何设置点击某行不会高亮该行的方式,有好几种方法可以实现我举几个可以根据你具体需求灵活应用: 1.修改easyui的css将高亮颜色跟背景颜色一样(简单,但是比较笨) 2. 在onClickCell事件里clearSelections一下相当于不允许用户选择. 3. onSelect事件里unselectRow一下. 4. 在renderRow中判断当前行被选中,设置背景色跟表格背景一样.

引入行高亮显示

<!-- 引入行高亮显示 --><script type="text/javascript" src="__PUBLIC__/Admin/Js/tron.js"></script> 为每个记录的TR添加一个样式 <tr class="tron"> <td align="center"><?php echo $v['id']; ?></td> &

GridView中点击某行的任意位置就选中该行

GridView中点击某行的任意位置就选中该行 分类: 第一步:添加选择列 点击GridView右边小尖头,双击CommandField,选中"选择",添加,将起设置为不可见: 第二步:处理"ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证",在源文件中添加"enableEventValidation="false"": 第三步:在GridView的RowDataBound事件中增加以下代码: protec

哪个鼠标被点击了?

<html> <head> <script type="text/javascript"> function BtnPress(event) { var btnNum = event.button; if (btnNum==2) { alert("您点击了鼠标右键!") } else if(btnNum==1) { alert("您点击了鼠标左键!") } else if(btnNum==4) { alert(