效果查看: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

posted on 2015-05-07 21:35  计划  阅读(4998)  评论(0编辑  收藏  举报