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

 更新时间:2013年12月30日 15:39:18   作者:  
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实现数字增长

    利用JS实现数字增长

    做项目时候常常遇到,要做一个数字滚动增加的效果。如何利用JavaScript实现数字增长效果,一起来跟本文学习学习。
    2016-07-07
  • JavaScript Array对象详解

    JavaScript Array对象详解

    这篇文章主要为大家详细介绍了JavaScript function函数种类,知识点很全面,包括普通函数、匿名函数、闭包函数,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 微信小程序 textarea 层级过高问题简单解决方案

    微信小程序 textarea 层级过高问题简单解决方案

    这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • js取滚动条的尺寸的函数代码

    js取滚动条的尺寸的函数代码

    js取滚动条的尺寸的函数代码,需要的朋友可以参考下。
    2011-11-11
  • Bootstrap Table使用心得总结

    Bootstrap Table使用心得总结

    这篇文章主要为大家总结了Bootstrap Table使用心得,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • js内置对象 学习笔记

    js内置对象 学习笔记

    今天系统的学了一下javascript的内置对象。
    2011-08-08
  • 浅谈javascript面向对象程序设计

    浅谈javascript面向对象程序设计

    本文主要给大家展示的是javascript面向对象程序设计的相关资料,需要的朋友可以参考下
    2015-01-01
  • JavaScript如何正确的写代码注释

    JavaScript如何正确的写代码注释

    这篇文章主要给大家介绍了关于JavaScript如何正确的写代码注释的相关资料,注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示,需要的朋友可以参考下
    2023-10-10
  • js原生map实现的方法总结

    js原生map实现的方法总结

    在本篇文章里小编给大家整理了关于js原生map实现的方法以及实例分析内容,需要的朋友们可以参考下。
    2020-01-01
  • GoJs图形绘图模板Shape示例详解

    GoJs图形绘图模板Shape示例详解

    这篇文章主要为大家介绍了GoJs图形绘图模板Shape示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04

最新评论