变换的立体感表格
来源:互联网 发布:java反射获取注解 编辑:程序博客网 时间:2024/05/16 00:39
脚本说明:
把如下代码加入<body>区域中
<style>
.english {
FONT-SIZE: 11px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
.tenpt {
FONT-SIZE: 14px
}
.editbox1 {
BORDER-RIGHT: #665b8e 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #665b8e 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; BORDER-LEFT: #665b8e 1px solid; CURSOR: text; COLOR: #333333; PADDING-TOP: 1px; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "Arial"; HEIGHT: 20px
}
.editbox2 {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "Arial"; BORDER-RIGHT-WIDTH: 1px
}
.editbox3 {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "宋体"; BORDER-RIGHT-WIDTH: 1px
}
.editbox4 {
BORDER-RIGHT: 0px; PADDING-RIGHT: 1px; BORDER-TOP: 0px; PADDING-LEFT: 1px; FONT-SIZE: 9pt; BACKGROUND: #e3e3e3; PADDING-BOTTOM: 1px; BORDER-LEFT: 0px; CURSOR: text; COLOR: #333333; PADDING-TOP: 1px; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: "Arial"; HEIGHT: 20px
}
.editbox5 {
BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "Arial"; HEIGHT: 20px
}
.button1 {
BORDER-RIGHT: #665b8e 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12px; BACKGROUND: #cccccc; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #333333; PADDING-TOP: 1px; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "宋体"; HEIGHT: 20px
}
.table1 {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
</style>
<SCRIPT language=JavaScript>
//--Global declaration
var blnBorder = false;
function setBorder(id,bOn)
{
var oTab = document.all.item(id+"Tab");
var oTitle = document.all.item(id+"Title");
var oBorder = document.all.item(id+"Content");
if (!oTab || !oTitle || !oBorder)
return;
if (bOn)
{
oBorder.style.borderColor = "#999999";
oTab.bgColor = "#999999";
oTitle.color = "#FFFFFF";
}
else
{
oBorder.style.borderColor = blnBorder? "#999999" : "#FFFFFF";
oTab.bgColor = "#EEEEEE";
oTitle.color = "#333333";
}
}
</SCRIPT>
<TABLE class=column1Tab onmouseover="setBorder('column1',true);"
style="CURSOR: hand" onmouseout="setBorder('column1',false);"
cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD id=column1Tab align=right bgColor=#eeeeee height=20><FONT
id=column1Title color=#333333>友 情 链 接</FONT></TD></TR></TBODY></TABLE>
<DIV id=column1Content
style="BORDER-RIGHT: #ffffff 1px solid;width:300; BORDER-LEFT: #ffffff 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px solid">
<TABLE cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD style="LINE-HEIGHT: 110%">□ <A
href="http://www.nju.edu.cn"
target=_blank>南京大学</A><BR>□ <A
href="http://www.nuaa.edu.cn"
target=_blank>南京航空航天大学</A><BR>□ <A
href="http://www.sina.com.cn"
target=_blank>新浪网</A><BR>□ <A
href="http://www.sina.com.cn"
target=_blank>新浪网</A><BR>□ <A
href="http://www.sina.com.cn"
target=_blank>新浪网</A></TD></TR>
</TBODY></TABLE></div>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>
- 变换的立体感表格
- 立体感的柱状图
- 立体感的柱状图
- 立体感的Gallery
- OpenGL绘制有立体感的五边形
- 随着鼠标的移动变换表格背景色
- jquery事件处理、查找、强大的表格变换颜色案例
- 立体感金属管
- JavaScript随机变换表格背景
- 用css制作的一组立体感很强的按钮样式
- 在ASP.NET里这个空间是怎么能的高低不平,有立体感?
- 立体感的3D图像(包含左右眼)生成Red-Cyan分析图
- css实现立体感按钮
- 空间感和立体感
- PS立体感制作
- 《JS控制表格奇偶数行背景色变换》
- ps画图,光增强立体感
- CSS+JS控制鼠标滑向表格变换背景图片代码
- vc6开发activex并发布全攻略(一)(初级篇)
- 女人
- 诺基亚e65 ucweb 6.7正式免签名下载
- IL 到底算不算汇编语言?
- vc6开发activex并发布全攻略(二)(初级篇)
- 变换的立体感表格
- 有道难题之OO
- 有道难题第一题 在徐少侠的算法基础上改进
- J2EE 的四层模型
- 如何将字符串动态转换为指定的值类型
- 只允许运行一个实例的程序(互斥程序)
- Hubble.net V0.3 版本正式生成
- WinForm 下实现一个自动关闭的MessageBox
- Short Guide to install Oracle 10 on Linux