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

更新时间：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需再刷新一下页面才能执行]

您可能感兴趣的文章:

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

模仿动画的放大缩小容器
放大缩小容器仿动画首先要兼容IE\FF滴然后有一个环境与条件：必须是使用em单位布局。因为这个是利用字号做缩放效果，并且兼容fontSize各项单位，例如px、cm、pt等。
2008-05-05
Js智能判断浏览器是关闭还是刷新的代码
JavaScript判断浏览器是关闭还是刷新，其实觉得没有什么实用性，就算是作为Js学习的一个参考文档吧。
2010-09-09
网页设计常用的一些技巧
网页设计常用的一些技巧...
2006-12-12
用javascript实现“闪动”标题栏
用javascript实现“闪动”标题栏...
2007-03-03
点击按钮后文本框变为Select下拉列表框
在招聘类的网站会见到不少类似效果，文本框中最开始默认的是文字，如果点击更改这类的按钮文本框就变成了一个可以选择的Select下拉列表框，挺有创意，以下是代码，复制即可用啦。
2009-09-09
推荐:极酷右键菜单
推荐:极酷右键菜单...
2006-11-11
JS焦点图切换，上下翻转
JS焦点图切换，上下翻转，不妥的地方望指正
2011-05-05
用JavaScript获取网页中的js、css、Flash等文件
用JavaScript获取网页中的js、css、Flash等文件...
2006-12-12
连接文字不停变色
连接文字不停变色...
2006-08-08
一条一条新闻向上的滚动不错
[红色]一条一条新闻向上的滚动不错...
2006-08-08

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具