JavaScript变换表格边框颜色

最新推荐文章于 2024-05-13 14:47:35 发布

weixin_33901926

最新推荐文章于 2024-05-13 14:47:35 发布

阅读量933

点赞数

文章标签： javascript 前端 ViewUI

效果查看：http://hovertree.com/texiao/js/2.htm

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

<html>
<head>
<meta charset="utf-8">
<title>表格边框变换颜色代码-何问起</title>
</head>
<body>
<div><a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">更多特效</a></div>
<table border="0" width="261" id="change_hovertree_com" style="border:1px solid red">
<tr>
<td>等待，然后注意看边框是不是变色了?<a href="http://hovertree.com/hvtart/bjae/wucpcnjm.htm" target="_blank">本效果链接</a></td>
</tr>
</table>
<script>
<!--
function hovertreecolor(){

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

web前端汇总： http://www.cnblogs.com/jihua/p/webfront.html

weixin_33901926

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript变换表格边框颜色

效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果：&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;表格边框变换颜色代码-何问起&lt;/title&gt;&lt;/head&gt;&lt;body&am
复制链接

扫一扫