您的位置：首页 > 其它

[原创]table动态改变颜色包括一个边框

2005-03-09 20:06 543 查看

#region 声明
//----------------------------------------------------------------------
//
// 作者: 李淼（Nick.Lee）
//
// table动态改变颜色包括一个边框
// 时间:2005-3-1，我做了两天的效果哦
// boyorgril@msn.com
// QQ:16503096
//注意：引用请标明出处，如果觉得好请up一下或评论一下，谢谢
//----------------------------------------------------------------------
#endregion
<HTML>
<HEAD>
<title>table动态改变颜色包括一个边框</title>
</HEAD>
<form name="Form1" method="post" action="topmenu_main.aspx" id="Form1">
<table style="width: 100%;font-size:9pt;" border=0 cellpadding="0" cellspacing="0" id="datagrid1"><tr><td>
<table style="border: SOLID 1px blue;border-top: -1px; width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width=100% heigh=100% cellpadding="4" cellspacing="1" style="font-size:9pt;">
<tr bgcolor="#8888BB" align="center" style="color:white;">
<td style="width:20%;"> </td>
<td style="width:20%;"> </td>
<td style="width:20%;">编号</td>
<td style="width:20%;">中文名称</td>
<td style="width:20%;">图片Url</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border: SOLID 1px blue; border-top: 0px; width: 100%" cellpadding="0" cellspacing="0"
OnMouseOver="this.style.border='SOLID 1px BLACK'; this.style.marginTop=-1"
OnMouseOut ="this.style.border='SOLID 1px blue'; this.style.marginTop=0; this.style.borderTop='0px'">
<tr>
<td>
<table width=100% heigh=100% cellpadding="4" cellspacing="1" style="font-size:9pt;">
<tr align="center" bgcolor="#EEEEFA" onMouseOut="this.style.backgroundColor='#EEEEFA';this.style.cursor='hand';" onmouseOver="this.style.backgroundColor='#C0C0FF'">
<td style="width:20%;color:red;">添加</td>
<td style="width:20%;color:red;">删除</td>
<td style="width:20%;">00001</td>
<td style="width:20%;">Nick</td>
<td style="width:20%;">图片1</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border: SOLID 1px blue; border-top: 0px; width: 100%" cellpadding="0" cellspacing="0"
OnMouseOver="this.style.border='SOLID 1px BLACK'; this.style.marginTop=-1"
OnMouseOut ="this.style.border='SOLID 1px blue'; this.style.marginTop=0; this.style.borderTop='0px'">
<tr>
<td>
<table width=100% heigh=100% cellpadding="4" cellspacing="1" style="font-size:9pt;">
<tr align="center" bgcolor="#EEEEFA" onMouseOut="this.style.backgroundColor='#EEEEFA';this.style.cursor='hand';" onmouseOver="this.style.backgroundColor='#C0C0FF'">
<td style="width:20%;color:red;">添加</td>
<td style="width:20%;color:red;">删除</td>
<td style="width:20%;">00002</td>
<td style="width:20%;">Rick</td>
<td style="width:20%;">图片2</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>

</form>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航