永发信息网

喀秋莎如何显示鼠标高亮和鼠标点击效果?

答案:1  悬赏:70  手机版
解决时间 2021-01-19 22:29
  • 提问者网友:寂寞梧桐
  • 2021-01-19 11:30
喀秋莎如何显示鼠标高亮和鼠标点击效果?
最佳答案
  • 五星知识达人网友:底特律间谍
  • 2021-01-19 13:09
、实现鼠标经过tr时,触发行的背景色发生变化,一开始的念头是通过onmouseover 和 onmouseout 来实现的,于是就写了下面一段出来(Gridview的ID值是 gvE4,下同)
1 $("#gvE4").find("tr").attr("onmousemove","c=this.style.backgroundColor;this.style.backgroundColor='#DFF8FF'");
2 $("#gvE4").find("tr").attr("onmouseout","this.style.backgroundColor=c");

思路是上我觉得是没问题的,但最后却没有反应,于是百度了一下,找到了另外一个办法,如下:
1 $("#gvE4 tr").hover(
2 function(){$(this).addClass("hover");},
3 function(){$(this).removeClass("hover");}
4 );

这个写法很漂亮,也实用,原理简单说一下,通过设定tr的hover事件,hover(function(){},function(){})里面的第一个function是鼠标经过时触发的,第二个function是鼠标离开时触发的,而里面所执行的就是通过经过与离开时,动态绑定或去掉一个class属性,而这个hover类的话,在下面:
1

这样,第一个功能已经实现了。

2、当鼠标单击的时候,怎么样使得被单击的一行高亮显示呢??要做到两点:单击的那一行高亮显示、其它行要去掉高亮效果。
那要做到这两步的话,有一个简单的方法:先把所有的行数都去掉高亮,然后再为被单击的那一行添加高亮效果,代码如下:
1 $("#gvE4 tr td").click(function(){
2 $(this).parent().parent().find("tr").attr("style","height:28px;");
3 $(this).parent().attr("style","height:28px;background-color:#DFF8FF; font-weight:bold;");
4 });
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯