繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 程序设计 >> Javascript >> 有立体效果的CSS层代码

有立体效果的CSS层代码

2005-07-14 18:20:00  作者:未知  来源:网页教学网  浏览次数:402  文字大小:【】【】【

<!--以下代码加入<head>区域-->
<SCRIPT>
function c(css)
{up.className=css;
alert(css)}
</SCRIPT>

<STYLE>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>

<!--<body>改为:-->

<BODY bgColor=#adbac9>

<!--以下代码加入<body>区域-->
<DIV class=yellow id=up
style="left: 294; width: 196; position: absolute; top: 79; height: 72">
<P align=center><br>
<br>
有立体效果的层 </P></DIV>
<DIV align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
  <TBODY>
  <TR>
    <TD class=menu onclick="c("menu")" align=middle width=50>灰</TD>
    <TD class=green onclick="c("green")" align=middle width=50>绿</TD>
    <TD class=blue onclick="c("blue")" align=middle width=50>蓝</TD>
    <TD class=yellow onclick="c("yellow")" align=middle width=50>黄</TD>
    <TD class=menu1 onclick="c("menu1")" align=middle width=50>灰1</TD>
    <TD class=blue1 onclick="c("blue1")" align=middle width=50>浅蓝</TD>
    <TD class=black onclick="c("black")" align=middle width=50>黑</TD>
  </TR>
  </TBODY>
</TABLE>
</CENTER>
</DIV>

此文章不能满足您的需求?那就就Google一下吧:)
Google
 

责任编辑:admin


相关文章
企业发展战略概论
走出创新的困惑
核心竞争力的打造
初探企业发展战略
校准你的核心能力
入世对策15条
你对市场的认识到位吗?
多元化和专业化的经营
思维变革与企业发展
创新制定区域市场战略
警惕:战略失误
 

最新文章

更多

· 一种网页进度条
· 显示鼠标坐标
· 字符在状态栏中左右弹动
· 有立体效果的CSS层代码
· 自动滚屏的上下实现
· 防止内容被拷贝大法
· 网页侦测四法
· 用Web页面执行客户端程序
· 用脚本修改用户注册表
· 网页状态栏特效全攻略

推荐文章

更多

· 一种网页进度条
· 显示鼠标坐标
· 字符在状态栏中左右弹动
· 有立体效果的CSS层代码
· 自动滚屏的上下实现
· 防止内容被拷贝大法
· 网页侦测四法
· 用Web页面执行客户端程序
· 用脚本修改用户注册表
· 网页状态栏特效全攻略

热点文章

更多