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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一种表格背景色渐变效果的实现

Javascript: JS option location 页面跳转实现代码; ExtJS 简介让你知道extjs是什么; ExtJs 学习笔记 Hello World!; ExtJs 学习笔记基础篇 Ext组件的使用; ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport; 漂亮的脚本日历,和大家分享; JS Tween 颜色渐变; js 图片轮播(5张图片); 开发跨浏览器javascript常见注意事项; 通用JS事件写法实现代码; Js 订制自己的AlertBox(信息提示框); js 浮动层菜单收藏; JavaScript入门教程(10) 认识其他对象; JQuery 常用方法基础教程; jQuery 页面载入进度条实现代码; jQuery Ajax 全解析; CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）; Ext JS Grid在IE6 下宽度的问题解决方法; js window.event对象详尽解析; JavaScript 悬浮窗口实现代码

No. « ‹ 215 216 217 218 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 238 ::

收藏到网摘: n/a

用JS获得表格当前行数的代码一组单选按钮radio如何进行控制

点击运行可以看到效果:

<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获得表格当前行数的代码一组单选按钮radio如何进行控制

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

评论 (0) All

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