首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:19:42
字体:
来源:转载
供稿:网友

用JavaScript控制表格边框不停的变换颜色,记得以前经常看到这种效果,代码也不复杂,直接复制就可用啦! 可自定义颜色,有需要的小伙伴可以参考下。

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

 

 
  1. <html> 
  2. <head> 
  3. <meta charset="utf-8"
  4. <title>表格边框变换颜色代码</title> 
  5. </head> 
  6. <body> 
  7. <table border="0" width="261" id="change_jb51_net" style="border:1px solid red"
  8. <tr> 
  9. <td>等待,然后注意看边框是不是变色了?</td> 
  10. </tr> 
  11. </table> 
  12. <script> 
  13. <!-- 
  14. function hovertreecolor(){ 
  15.  
  16. if (change_jb51_net.style.borderColor=="blue"
  17. change_jb51_net.style.borderColor="red" 
  18. else 
  19. change_jb51_net.style.borderColor="blue" 
  20. setInterval("hovertreecolor()", 3000) 
  21. </script> 
  22. </body> 
  23. </html> 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选