JavaScript实现自动变换表格边框颜色

 更新时间:2015年05月08日 09:25:55   投稿:hebedich  
用JavaScript控制表格边框不停的变换颜色,记得以前经常看到这种效果,代码也不复杂,直接复制就可用啦! 可自定义颜色,有需要的小伙伴可以参考下。

代码如下,保存到HTML文件也可以查看效果:

<html>
<head>
<meta charset="utf-8">
<title>表格边框变换颜色代码</title>
</head>
<body>
<table border="0" width="261" id="change_jb51_net" style="border:1px solid red">
<tr>
<td>等待,然后注意看边框是不是变色了?</td>
</tr>
</table>
<script>
<!--
function hovertreecolor(){

if (change_jb51_net.style.borderColor=="blue")
change_jb51_net.style.borderColor="red"
else
change_jb51_net.style.borderColor="blue"
}
setInterval("hovertreecolor()", 3000)
</script>
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JSONP和批量操作功能的实现方法

    JSONP和批量操作功能的实现方法

    这篇文章主要介绍了JSONP和批量操作功能的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 微信小程序实现的picker多级联动功能示例

    微信小程序实现的picker多级联动功能示例

    这篇文章主要介绍了微信小程序实现的picker多级联动功能,结合实例形式分析了微信小程序picker组件使用及wx.request后台交互相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • jQuery与js实现颜色渐变的方法

    jQuery与js实现颜色渐变的方法

    这篇文章主要介绍了jQuery与js实现颜色渐变的方法,涉及javascript与jQuery的正则操作与数学运算相关技巧,需要的朋友可以参考下
    2016-12-12
  • 获取对象

    获取对象

    获取对象...
    2006-08-08
  • 只出现一次的提示信息(js+cookies)

    只出现一次的提示信息(js+cookies)

    只显示一次的提示信息,刷新一页面或第二次来到这个页面,就不会再弹出提示窗口了,用在网页上是想当实用的吧,因为很多人都不希望经常弹出什么窗口,本效果因此会提升用户体验,让用户喜欢你的网页
    2013-03-03
  • 深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP

    深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP

    Bob大叔提出并发扬了S.O.L.I.D五大原则,用来更好地进行面向对象编程
    2012-01-01
  • JavaScript设计模式之代理模式简单实例教程

    JavaScript设计模式之代理模式简单实例教程

    这篇文章主要介绍了JavaScript设计模式之代理模式,简单描述了代理模式的概念、功能、组成并结合实例形式较为详细的分析了javascript代理模式的定义与使用相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • js保留两位小数最简单的实现方法

    js保留两位小数最简单的实现方法

    JS数据格式化是在进行web前端开发时常碰到的事情,特别是在数据类型为Float的数据就需要特殊处理,如保留两位小数、小数点后的数据是否需要四舍五入等等,下面这篇文章主要给大家介绍了关于js保留两位小数最简单的实现方法,需要的朋友可以参考下
    2023-05-05
  • js数组删除问题(splice和delete的用法)

    js数组删除问题(splice和delete的用法)

    这篇文章主要介绍了js数组删除问题(splice和delete的用法),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • 简单聊一聊原生Ajax与JQuery Ajax

    简单聊一聊原生Ajax与JQuery Ajax

    AJAX 是一种用于创建快速动态网页的技术,下面这篇文章主要给大家介绍了关于原生Ajax与JQuery Ajax的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-03-03

最新评论