javascript使用onclick事件改变选中行的颜色

首页 > 网络编程 > JavaScript > javascript技巧 更新日期: 2016-04-04
javascript onclick事件改变选中行的颜色,方法简单,大家参考使用吧

html页面的table 中一行一行的显示当然 div也行 可设置在鼠标放上去时改变其颜色 部分代码如下

代码如下:

<script type="text/javascript">
var currentActiveRow; //当前活动行

//改变选中行的颜色
function changeActiveRow(obj) {
    if (currentActiveRow) {
        currentActiveRow.style.backgroundColor = "";
    }
    currentActiveRow = obj;
    currentActiveRow.style.backgroundColor = "#F2F2F2";
}

</script>

然后在td上设置onmousehover或者onclick事件即可 onmouseover="changeActiveRow(this)"


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
    使用js实现GridView单选效果自动设置交替行.选中行.鼠标移动行背景色后台代码 代码如下: /// <summary> /// 数据行绑定事件 /// </summary> /// <param name="sender"></param> /// <param name=&qu ...
  • jquery应该如何来设置改变按钮input的onclick事件
    要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法,都没有做出来,下面列举的几个都是失败的例子,需要的朋友可以参考下jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: <input id="prebt" type="button" value="上一 ...
  • JavaScript中的事件教程
    事件是可以被JavaScript侦测到的行为. 事件 JavaScript使我们有能力创建动态页面.事件是可以被JavaScript侦测到的行为. 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件.比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数.事件在HTML页面中定义. 事件举例: 鼠标点击  页面或图像载入 ...
  • 为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
    为radio类型的INPUT添加客户端脚本附加实现JS来禁用onClick事件思路代码,需要的朋友可以参考下.下面的例子将展示其结果是没有重载显示提交. 当用户选择一个选项上面,一个函数叫做"getVote()"执行.该功能所引发的"的OnClick"事件 代码如下: <html> <head> ...
  • jquery实现效果比较好的table选中行颜色
    jquery实现效果比较好的table选中行颜色
    这篇文章主要介绍了jquery table选中行颜色实现代码,需要的朋友可以参考下jquery table选中行颜色(效果更好) 代码如下: <html> <head> <style type="text/css"> .table-tr-title{ height: 26px; font-size: 1 ...
猜你喜欢