<script language="javascript">
var cells = document.getElementsByTagName('td');
for (var i=0;i<cells.length;i++){
cells[i].onmouseover = function(){ //鼠标指针在行上面的时候
this.className = 'hover';
for (var j=0;j<cells.length;j++)
if(cells[j]==this){
cells[j%5].className ='hover';
cells[j-j%5].className ='hover';
}
}
cells[i].onmouseout = function(){ //鼠标指针离开时
this.className = '';
for (var j=0;j<cells.length;j++)
if(cells[j]==this){
cells[j%5].className ='';
cells[j-j%5].className ='';
}
}
}
</script>大家帮我看看这两行代码的意思
cells[j%5].className ='hover';
cells[j-j%5].className ='hover';
谢谢了!!!!
var cells = document.getElementsByTagName('td');
for (var i=0;i<cells.length;i++){
cells[i].onmouseover = function(){ //鼠标指针在行上面的时候
this.className = 'hover';
for (var j=0;j<cells.length;j++)
if(cells[j]==this){
cells[j%5].className ='hover';
cells[j-j%5].className ='hover';
}
}
cells[i].onmouseout = function(){ //鼠标指针离开时
this.className = '';
for (var j=0;j<cells.length;j++)
if(cells[j]==this){
cells[j%5].className ='';
cells[j-j%5].className ='';
}
}
}
</script>大家帮我看看这两行代码的意思
cells[j%5].className ='hover';
cells[j-j%5].className ='hover';
谢谢了!!!!
解决方案 »
- 关于标签栏chrome浏览器中的设置
- JS的实时函数怎么弄?
- javascript变量问题
- js冲突
- js控制2个form下相同DIV的显示、隐藏
- JS菜鸟的问题,大虾帮帮忙
- 请教高手关于输入全角,半角的问题
- 各位老大,如何通过“盘符:\路径\文件名”截取文件名填入input中????(code中希望截取picture中的文件名)
- 求chrome和opera不支持parent.document.documentElement.clientHeight解决方法
- 链接跳转到另一个页面激活指定li的onclick事件
- 关于jquery渐变背景色的下拉菜单
- 求一个URL字符替换方法(indexOf和replace)
%取余数 。
className ='hover';
给他的class属性赋值"hover" 。
<caption>Book List</caption>
<tr >
<td >Title</td>
<td>ID</td>
<td>Contry</td>
<td>Price</td>
<td>Download</td>
</tr> <tr >
<td >Tom</td>
<td>1213456</td> <td>Germany</td>
<td>$3.12</td>
<td>Download</td>
</tr>
<tr>
<td style="height: 38px" >Chance</td>
<td style="height: 38px">1213457</td> <td style="height: 38px">Germany</td>
<td style="height: 38px">$123.34</td>
<td style="height: 38px">Download</td>
</tr>
<tr >
<td style="height: 38px" >John</td>
<td style="height: 38px">1213458</td> <td style="height: 38px">Germany</td>
<td style="height: 38px">$34.37</td>
<td style="height: 38px">Download</td>
</tr>
<tr>
<td style="height: 38px">oKathleen</td>
<td style="height: 38px">1213459</td>
<td style="height: 38px">Germany</td>
<td style="height: 38px">$23.67</td>
<td style="height: 38px">Download</td>
</tr>
<tr>
<td style="height: 38px">oKathleen</td>
<td style="height: 38px">1213459</td>
<td style="height: 38px">Germany</td>
<td style="height: 38px">$23.67</td>
<td style="height: 38px">Download</td>
</tr>
</table>
<script language="javascript">
var cells = document.getElementsByTagName('td');
for (var i=0;i<cells.length;i++){
cells[i].onmouseover = function(){ //鼠标指针在行上面的时候
this.className = 'hover';
for (var j=0;j<cells.length;j++)
if(cells[j]==this){
cells[j%5].className ='hover';
cells[j-j%5].className ='hover';
}
}
cells[i].onmouseout = function(){ //鼠标指针离开时
this.className = '';
for (var j=0;j<cells.length;j++)
if(cells[j]==this){
cells[j%5].className ='';
cells[j-j%5].className ='';
}
}
}
</script>
</body>
我是想知道这两行实现当前单元格所对应的垂直方向第一个单元格,和水平方向的第一个单元格的原理,谢谢!!!
cells[j%5].className ='';
cells[j-j%5].className ='';