js实现了Windows样式选项卡和按钮效果的一个示例。
本文演示了js如何实现Windows样式选项卡和按钮效果：<！——
体{
字体家庭：'ms shell dlg，歌体，Tahoma；
字体大小：12px；
背景颜色：# 336699；
颜色：# 000000；
}
TD，DIV，输入，文本{
字体家庭：'ms shell dlg，歌体，Tahoma；
字体大小：12px；
游标：默认值；
}
标题{。
背景颜色：# 000080；
颜色：# fdf7d3；
填充：1；
字体家族：歌体；
字体大小：12px；
}
，{
背景颜色：# cccccc；
颜色：# 000000；
边界：一开始# ffffff 2px
}
下{。
背景颜色：# cccccc；
边境：2px插图# ffffff
}
UP1 {。
背景颜色：# cccccc；
颜色：# 000000；
边界：一开始# ffffff 1px
}
下{。
背景颜色：# cccccc；
边境：1px插图# ffffff
}
{ l
背景颜色：# cccccc；
身高：18px；
左边界：2px开始# ffffff；
右：一开始# ffffff 2px边境；
颜色：# 000000；
边境上：一开始# ffffff 2px；
填料顶部：2；
身高：18
}
{。LC
背景颜色：# cccccc；
身高：18px；
左边界：2px开始# ffffff；
右：一开始# ffffff 2px边境；
颜色：# 000000；
边境上：一开始# ffffff 2px；
填料顶部：2；
身高：20
}
L-H {。
背景颜色：# cccccc；
左边界：2px开始# ffffff；
边境上：一开始# ffffff 2px；
颜色：# 000000；
}
L-C {。
背景颜色：# cccccc；
边境上：一开始# ffffff 2px
}
{。L-R
背景颜色：# cccccc；
右：一开始# ffffff 2px边境；
边境上：一开始# ffffff 2px；
颜色：# 000000；
}
l-hc {。
背景颜色：# cccccc；
左边界：2px开始# ffffff；
颜色：# 000000；
}
l-cc {。
背景颜色：# cccccc；
颜色：# 000000；
}
{。l-rc
背景颜色：# cccccc；
右：一开始# ffffff 2px边境；
颜色：# 000000；
}
TD {
颜色：# 000000；
}
-->
显示属性
<！——
函数恢复（）
{
TD1。类名=L；
TD2。类名=L；
TD3。类名=L；
TD4。类名=L；
TD5。类名=L；
名称=l TD6。；
td_1。类名=h；
td_2。类名=L-C；
td_3。类名=L-C；
td_4。类名=L-C；
td_5。类名=L-C；
td_6。类名=L-C；
W1。风格。显示为无；
W2。风格。显示为无；
W3。风格。显示为无；
W4。风格。显示为无；
没有W5。风格。显示=；
W6。风格。显示为无；
}
函数C1（）
{
TD1。类名=LC；
td_1。类名=l-hc ；
W1。风格。显示为块；
}
函数C2（）
{
TD2。类名=LC；
td_2。类名=l-cc ；
W2。风格。显示为块；
}
函数C3（）
{
TD3。类名=LC；
td_3。类名=l-cc ；
W3。风格。显示为块；
}
函数C4（）
{
TD4。类名=LC；
td_4。类名=l-cc ；
W4。风格。显示为块；
}
函数C5（）
{
TD5。类名=LC；
td_5。类名=l-cc ；
W5。风格。显示为块；
}
函数C6（）
{
TD6。类名=LC；
td_6。类名=l-cc ；
W6。风格。显示为块；
}
<宽度= 50高度= 20
垂直对齐方式为底部onclick=恢复（C1）；（）；>
背景
<宽度= 50高度= 20
垂直对齐方式为底部onclick=恢复（）；C2（）；>
屏幕保护程序
<宽度= 50高度= 20
垂直对齐方式为底部onclick=恢复（C3）；（）；>
外观
<宽度= 50高度= 20
垂直对齐方式为底部onclick=恢复（）；C4（）；>
网状物
<宽度= 50高度= 20
垂直对齐方式为底部onclick=恢复（C5）；（）；>
影响
<宽度= 50高度= 20
垂直对齐方式为底部onclick=恢复（）；C6（）；>
设置
< TD width=398height=360class=起来=8合并单元格
样式边框顶部样式：实心；边框顶部宽度：0；填充：5 >
<表格边框= 0 cellpadding =0cellspacing =0
宽度= 100%高度=325 >
一
二
三
四
五
六
< TD width=398height=37=8合并单元格
样式边框顶部样式：实心；边框顶部宽度：0；填充：5 >
<输入type=按钮value=确定name=_ok
样式= 宽度：60；高度：22
<输入type=按钮value=取消name=_cancel
style=宽度：60；高度：22class=起来onclick=window.close（）；>
<输入type=按钮value=应用（一）name=_apply
样式=宽度：60；高度：22 禁用类>
运行结果如下：
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。