鼠标移动到某个单元格上后,整个列都变色的实现方法_Javascript教程-查字典教程网
鼠标移动到某个单元格上后,整个列都变色的实现方法
鼠标移动到某个单元格上后,整个列都变色的实现方法
发布时间:2016-12-30 来源:查字典编辑
摘要:[Ctrl+A全选注:如需引入外部Js需刷新才能执行]以上代码可以实现鼠标移动到单元格上,单元格变色,现在我想实现鼠标移动到某个单元格上后,...

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

以上代码可以实现鼠标移动到单元格上,单元格变色,现在我想实现鼠标移动到某个单元格上后,整个列都变色不知道可以不可以实现呢?

如何定义表格的鼠标隔列变色行为 body { font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9; } .mytable { width: 80%; padding: 0; margin: 0; } .mytable td { border-bottom: 1px solid #C1DAD7; background: #fff; font-size:12px; padding: 6px 6px 6px 0px; align:center; color: #4f6b72; } td.alt { background: #F5FAFA; text-align:center; color: #797268; } td.baialt { background: #FFFFFF; text-align:center; color: #000; } td.spec { border-top: 0; background: #fff ; text-align:center; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } td.specalt { border-top: 0; background: #f5fafa ; text-align:center; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; }
当鼠标经过时希望实现隔列变色(最好是反色) ,效果示例如下:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

代码已经帖上来,现在鼠标移动到单元格变色

phx.rows[i].cells[j].onmouseover=function()

{

if(pObj!=this){

this.bgColor=overcolor;}

}

以及移出单元格变色

phx.rows[i].cells[j].onmouseout=function()

{

if(pObj!=this){

this.bgColor=outcolor;}

}

都已经解决·

剩下的问题是phx.rows[i].cells[j].onclick也就是我单击了表格的某个单元格后,希望这个单元格所在的那一列都可以变色,请问如何处理呢?

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类