鼠标hover事件,求大神指导 鼠标js 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!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=utf-8" /> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="table-row-1.0.js"></script> <style type="text/css"> .table-tr-title{ height: 26px; font-size: 12px; text-align: center; } .table-tr-content{ height: 18px; background: #FFFFFF; text-align: center; font-size: 12px; } .normalEvenTD{ background: #DFD8D8; } .normalOddTD{ background: #FFFFFF; } .hoverTD{ background-color: #eafcd5; height: 18px; text-align: center; font-size: 12px; } .trSelected{ background-color: #51b2f6; height: 18px; text-align: center; font-size: 12px; } </style> </head> <body> <table width="99%" class="list" style="word-break: break-all" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#c0de98"> <tr class="table-tr-title"> <td width="5%">标题</td> <td width="5%">标题</td> <td width="5%">标题</td> <td width="5%">标题</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> <tr class="table-tr-content"> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> <td width="5%">数据</td> </tr> </body> </html> 本帖最后由 showbo 于 2014-06-18 16:00:48 编辑 $(document).ready(function() { $("li").hover( function() { $('li:nth-child('+$(this).index()+')').css('background-color',"red"); }, function() { $('li:nth-child('+$(this).index()+')').css('background-color',"white"); } ); }); 用table不行,如果用table,也是三个 table ,程序不能同把它们读到一个 table中,所以就不好控制 已经基本达到要求了,但现在有个问题,我鼠标滑到当前的 LI 中,是上一行的 LI 变色,当前的没有变 已经基本达到要求了,但现在有个问题,我鼠标滑到当前的 LI 中,是上一行的 LI 变色,当前的没有变嗯,你说的对,$(this).index() 变成 +$(this).index()+1 就好了,因为nth-child 是从1 开始的 在产品显示时"新品"标示问题 想做一个检测网站应用程序的工具 请帮看看这段代码,谢谢 怎么实现textarea中选取的文字的加粗、斜体、字体选择、字体大小选择、添加连接等等 请问怎样把字符串转换为数字,比如 '00'转换成 0 100分求救动态获取文本框的值 请教,在调用window.showModalDialog()之后在调用form.submit()方法,此页面的表单的值在提交到的页面就得不到了,请问如何解决。。 如何循环对checkbox检查? 请问怎样禁止使用 Ie浏览器中的某一项菜单 如: save 和 save as (littlespring ) ,高分相送 ASP和JS中对于十六进制Unicode的输出 用jquery 怎么实现隔2行背景变色或是添加样式! ztree checkbox与radio共存问题
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="table-row-1.0.js"></script>
<style type="text/css">
.table-tr-title{
height: 26px;
font-size: 12px;
text-align: center;
}
.table-tr-content{
height: 18px;
background: #FFFFFF;
text-align: center;
font-size: 12px;
}
.normalEvenTD{
background: #DFD8D8;
}
.normalOddTD{
background: #FFFFFF;
}
.hoverTD{
background-color: #eafcd5;
height: 18px;
text-align: center;
font-size: 12px;
}
.trSelected{
background-color: #51b2f6;
height: 18px;
text-align: center;
font-size: 12px;
}
</style>
</head>
<body>
<table width="99%" class="list" style="word-break: break-all" border="0"
align="center" cellpadding="0" cellspacing="1" bgcolor="#c0de98">
<tr class="table-tr-title">
<td width="5%">标题</td>
<td width="5%">标题</td>
<td width="5%">标题</td>
<td width="5%">标题</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
<tr class="table-tr-content">
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
<td width="5%">数据</td>
</tr>
</body>
</html>
$(document).ready(function() {
$("li").hover(
function() {
$('li:nth-child('+$(this).index()+')').css('background-color',"red");
}, function() {
$('li:nth-child('+$(this).index()+')').css('background-color',"white");
}
);
});
用table不行,如果用table,也是三个 table ,程序不能同把它们读到一个 table中,所以就不好控制
已经基本达到要求了,但现在有个问题,我鼠标滑到当前的 LI 中,是上一行的 LI 变色,当前的没有变
已经基本达到要求了,但现在有个问题,我鼠标滑到当前的 LI 中,是上一行的 LI 变色,当前的没有变嗯,你说的对,$(this).index() 变成 +$(this).index()+1 就好了,因为nth-child 是从1 开始的