js立体浮动层效果的实现

可以实现立体层的效果。下面是效果图，只要稍微修改一下应该不错的，很炫！<meta content=”text/html; charset=gb2312″ http-equiv=”Content-Type” /></p><p> </p><SCRIPT>function c(css){up.className=css;alert(css)}</SCRIPT><p><style type=”text/css”>TABLE,td,div {FONT-SIZE: 9pt; CURSOR: hand; FONT-FAMILY: 宋体}BODY {  FONT-SIZE: 9pt; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #637994}.yellow {  BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00}.blue {  BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5}.green {  BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000}.menu {  BORDER-RIGHT: #FFFFFF 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; COLOR: #000080; BORDER-BOTTOM: #FFFFFF 2px solid; BACKGROUND-COLOR: #d8d8d0}.menu1 {  BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994}.blue1 {  BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff}.black {  BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000}</style><meta content=”Microsoft FrontPage 4.0″ name=”GENERATOR” /></p><div style=”left: 294px; position: absolute; width: 196px; top: 79px; height: 72px” id=”up” class=”yellow”><p align=”center”><br /><br />有立体效果的层</p></div><div align=”center”><center><table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”400″>    <tbody>        <tr>            <td class=”menu” width=”50″ align=”center” onclick=’c(“menu”)’>灰</td>            <td class=”green” width=”50″ align=”center” onclick=’c(“green”)’>绿</td>            <td class=”blue” width=”50″ align=”center” onclick=’c(“blue”)’>蓝</td>            <td class=”yellow” width=”50″ align=”center” onclick=’c(“yellow”)’>黄</td>            <td class=”menu1″ width=”50″ align=”center” onclick=’c(“menu1″)’>灰1</td>            <td class=”blue1″ width=”50″ align=”center” onclick=’c(“blue1″)’>浅蓝</td>            <td class=”black” width=”50″ align=”center” onclick=’c(“black”)’>黑</td>            <td width=”50″ align=”center”> </td>        </tr>    </tbody></table></center></div><p>