简单实用的网页表格特效

更新时间：2006年07月15日 00:00:00 作者：

<BODY>一、彩色虚线表格<style type="text/css"></style><table width="200" border="0" cellpadding="2" cellspacing="2" class="tab1"><tr> <td><div align="center">虚</div></td><td><div align="center">线</div></td></tr><tr> <td><div align="center">表</div></td><td><div align="center">格</div></td></tr></table><p></p>二、鼠标指向单元格变色<table width="200" border="1" cellspacing="0" cellpadding="0"><tr> <td <I>onmouse</I>out="this.style.backgroundColor=''" <I>onmouse</I>over="this.style.backgroundColor='#FFcccc'">单元格变色</td></tr><tr> <td <I>onmouse</I>out="this.style.backgroundColor=''" <I>onmouse</I>over="this.style.backgroundColor='#FFccaa'">单元格变色</td></tr></table><p></p>三、立体表格<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td width="86" bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >立体</td><td width="108" bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >表格</td></tr></table><p></p>四、表格嵌套1、利用表格的间距来做嵌套 
<P></P>
<P><table width="200" border="1" cellspacing="4" cellpadding="0"><tr><td>嵌套</td><td>嵌套</td><td>嵌套</td></tr></table><p></p>2、充分利用根据表格对齐的方式<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000"><tr><td><table width="60" border="1" align="left" cellpadding="0" cellspacing="0"><tr><td>表格对齐</td></tr></table><table width="60" border="1" align="right" cellpadding="0" cellspacing="0"><tr><td>表格对齐</td></tr></table><table width="80" border="1" align="center" cellpadding="0" cellspacing="0"><tr><td>表格对齐</td></tr></table></td></tr></table><p></p>五、半透明表格<style type="text/css"> </style><table width="200" border="0" cellpadding="0" cellspacing="0" class="bg"><tr> <td><div align="center">半</div></td><td><div align="center">透明</div></td></tr><tr> <td><div align="center">表</div></td><td><div align="center">格</div></td></tr></table><p></p>六、阴影表格<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"> <table width=300 border=1 bgcolor=#EAEAEA><tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr></table></div></BODY></P>

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

简单实用的网页表格特效

禁止JS运行的代码
如果我们要让页面上的javascript不运行，方法最简单的就是使用noscript标签，经常被用来屏蔽那些免费空间要加上的JS。
2011-01-01
如何用threejs实现实时多边形折射
这篇文章主要介绍了如何用threejs实现实时多边形折射，对three.js库感兴趣的同学，可以参考下
2021-05-05
js实现手表表盘时钟与圆周运动
这篇文章主要为大家详细介绍了js实现手表表盘时钟与圆周运动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
举例分析HTTP 302 Redirect工作原理
这篇文章主要为大家介绍了关于HTTP 302 Redirect的举例分析,让大家理解HTTP 302 Redirect工作原理,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步
2023-12-12
前台js对象在后台转化java对象的问题探讨
在开发项目中多次遇到前台js对象在后台转化java对象的问题，下面就为大家介绍下前台js对象转后台java对象，感兴趣的朋友可以了解下
2013-12-12
比较全的JS checkbox全选、取消全选、删除功能代码
今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。
2008-12-12
微信小程序实现简单的购物车功能
这篇文章主要为大家详细介绍了微信小程序实现简单的购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
JavaScript中的一些隐式转换和总结(推荐)
这篇文章主要介绍了JavaScript中的一些隐式转换和总结,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-12-12
利用js实现简易红绿灯
这篇文章主要介绍了利用js实现简易红绿灯，帮助大家更好的利用js制作特效，美化网页，感兴趣的朋友可以了解下
2020-10-10
ES6中非常实用的新特性介绍
ECMAScript 6离我们越来越近了，作为它最重要的方言，Javascript也即将迎来语法上的重大变革，InfoQ特开设“深入浅出ES6”专栏，来看一下ES6将给我们带来哪些新内容
2016-03-03

简单实用的网页表格特效

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具