2012-10-29 来源:网络
【实例名称】
JS代码制作闪亮的表格边框
【实例描述】
可使用表格的样式属性“style”设置边框的特性。本例通过JavaScript设置表格的边框属性,实现边框的闪亮效果。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <table border="0" width="280" id="tb1" style="border:3px solid green"> <tr> <td> 这是一个闪亮的表格边框! </td> </tr> </table> <script language="JavaScript"> function flashTable() { if (!document.all) return //判断浏览器的类型 if (tb1.style.borderColor=="green") //判断表格的颜色是否是绿色 tb1.style.borderColor="red" //将颜色更改为红色 else tb1.style.borderColor="green" //将颜色更改为绿色 } setInterval("flashTable()", 400) //每隔400毫秒就更新下颜色 </script> </body> </html>
【运行效果】
【难点剖析】
本例的重点是表格的“style”属性,“green”表示将表格的颜色设置为绿色:本例使用一个定时器,每隔400毫秒调用一次‘‘flashTable”方法,此方法通过“borderColor”属性不断修改边框的颜色,以实现闪亮效果。
【源码下载】
如果你不愿复制代码及提高代码准确性,你可以点击:闪亮的表格边框 进行本实例源码下载
相关文章