ASP

本类阅读TOP10

·asp常用数据库连接方法和技巧
·无组件生成BMP验证码
·一些常用的辅助代码 (网络收藏)
·JavaScript实现的数据表格:冻结列、调整列宽和客户端排序
·VisualStudio.NET_2003及其 MSDN 下载地址
·ASP模拟MVC模式编程
·图片以二进制流输出到网页
·MD5加密算法 ASP版
·ASP.NET编程中的十大技巧
·改进 ASP 的字符串处理性能

分类导航
VC语言Delphi
VB语言ASP
PerlJava
Script数据库
其他语言游戏开发
文件格式网站制作
软件工程.NET开发
[原创]table动态改变颜色包括一个边框

作者:未知 来源:月光软件站 加入时间:2005-5-13 月光软件站

#region 声明
//----------------------------------------------------------------------
//
// 作者: 李淼(Nick.Lee)
//
// table动态改变颜色包括一个边框

// 时间:2005-3-1,我做了两天的效果哦

// [email protected]
// 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%;">&nbsp;</td>
          <td style="width:20%;">&nbsp;</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>





相关文章

相关软件