运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<HTML>
2
<HEAD>
3
<TITLE>TD背景的变换</TITLE>
4
<META http-equiv=Content-Type content="text/html; charset=gb2312">
5
</HEAD>
6
<BODY bgColor=#fef4d9>
7
<CENTER>
8
<TABLE borderColor=#00FF00 border=5 borderlight="green">
9
  <TBODY>
10
  <TR>
11
    <TD align=middle><FONT face="Arial, Helvetica, sans-serif" color=red>效果显示</FONT></TD>
12
  </TR>
13
  <TR>
14
    <TD class=p9 align=middle>
15
      <TABLE height=370 cellSpacing=2 borderColorDark=#ced4d7 cellPadding=2 
16
      width="100%" bgColor=#ffffff borderColorLight=#ced4d7 border=2>
17
        <TBODY></TBODY></TABLE>
18
      <TABLE>
19
        <TBODY>
20
        <TR>
21
          <TD onMouseOver="this.bgColor='#E1E1E1';" 
22
          onmouseout="this.bgColor='#00666F';" width=* bgColor=#00FFFF 
23
            height=25><FONT color=red><B>源码</B></FONT> </TD>
24
          <TD onMouseOver="this.bgColor='#E1E1E1';" 
25
          onmouseout="this.bgColor='#00666F';" width=* bgColor=#cccfff 
26
            height=25><FONT color=red><B>特效</B></FONT> 
27
  </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
28
</BODY>
29
</HTML>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
TD单元格背景变换特效
分类
表格图层
描述
onMouseOver和onmouseout实现的简单表格特效,TD单元格背景变换特效,鼠标移上单元格的时候,单元格的背景发生改变,颜色变为其它的颜色值,自己可重新定义,相对来说,本特效是比较基础的HTML技巧。
收藏