一种表格背景色渐变效果的实现

更新时间：2007年01月31日 00:00:00 作者：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style> .menu td{ font-size:12px; color:white; font-weight:bold; background-color:#336699; border:1px solid #336699; border:1px solid #336699; filter:blendtrans(duration=1); text-align:center;} </style> <script language="javascript" type="text/javascript"> function showfilter(obj){  var tds=obj.getElementsByTagName("td");  for(var i=0;i<tds.length;i++)   {with(tds[i])   {onmouseover=function(){with(this){filters[0].apply();      style.color='black';      style.border='1px solid white';      style.background='#66ccff';      filters[0].play();}}    onmouseout=function(){with(this){filters[0].apply();      style.color='white';      style.border='1px solid #336699';      style.background='#336699';      filters[0].play();}}      }}} </script> </head> <body> <table width="500" border="1" cellspacing="1" cellpadding="1" class="menu" id="xmenu">   <tr>     <td height="30">1111111111111</td>   </tr>   <tr>     <td height="30">2222222222222</td>   </tr>   <tr>     <td height="30">3333333333333</td>   </tr>   <tr>     <td height="30">4444444444444</td>   </tr>   <tr>     <td height="30">5555555555555</td>   </tr>   <tr>     <td height="30">6666666666666</td>   </tr>   <tr>     <td height="30">77777777777777</td>   </tr>   <tr>     <td height="30">88888888888888</td>   </tr>   <tr>     <td height="30">99999999999999</td>   </tr> </table> <script>showfilter(xmenu);</script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

一种表格背景色渐变效果的实现

Js智能判断浏览器是关闭还是刷新的代码
JavaScript判断浏览器是关闭还是刷新，其实觉得没有什么实用性，就算是作为Js学习的一个参考文档吧。
2010-09-09
功能很全的精品JS计算器
功能很全的精品JS计算器...
2007-02-02
非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签
非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签...
2007-05-05
设为首页加入收藏的js代码
两种方法将当前页设为你浏览器的主页，一种是将你正在浏览的网页设为首页；另一种是将指定网址设为首页，至于你用哪一种，看你的需要了，各有各适用的场合
2006-08-08
CSS 布局一个漂亮的滑块
这个是用CSS美化出来的一个漂亮滑块，注意它是一个静态的，没有加入JS,因此不能适时拖动，本示例重点是想表述CSS布局复杂图形的一种方法.
2009-10-10
点击按钮后文本框变为Select下拉列表框
在招聘类的网站会见到不少类似效果，文本框中最开始默认的是文字，如果点击更改这类的按钮文本框就变成了一个可以选择的Select下拉列表框，挺有创意，以下是代码，复制即可用啦。
2009-09-09
CSS 网页顶部固定工具栏拖动无闪烁实现代码
在天涯社区发现的一个始终固顶工具栏，用CSs代码布局，原先发现有少这样的顶部工具条，但有很多在拖动滚动条的时候有闪烁现象，竟然发现天涯这个没有闪烁，于是花点时间从天涯扒下来，这就是完整的代码
2010-03-03
javascript简易动画类(div渐变)
javascript简易动画类宽度渐变高度渐变透明度渐变边框渐变综合渐变
2010-07-07
一个简单的收缩菜单效果
一个简单的收缩菜单效果...
2007-03-03
背景音乐每次刷新都可以自动更换
背景音乐每次刷新都可以自动更换...
2007-02-02

一种表格背景色渐变效果的实现

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具