当前位置: 王朝网络 >> html/css/js >> 在页面内显示标签式按钮[网页特效]

在页面内显示标签式按钮[网页特效]

王朝html/css/js·作者佚名 2006-11-24

窄屏简体版字體: 小|中|大|超大

<html>

<head>

<!--

body{font-family: 'MS Shell Dlg', 宋体, Tahoma;font-size: 12px;background-color: #336699;color:#000000;}

td, div, input, textarea{font-family: 'MS Shell Dlg', 宋体, Tahoma;font-size: 12px;cursor: default;}

.title{background-color: #000080;color:#fdf7d3;padding: 1;font-family:宋体;font-size:12px;}

.up{background-color: #cccccc;color:#000000;border: 2px outset #ffffff}

.down{background-color: #cccccc;border:2px inset #ffffff}

.up1{background-color: #cccccc;color: #000000;border: 1px outset #ffffff}

.down1{background-color:#cccccc;border:1px inset #ffffff}

.l { background-color: #cccccc; height: 18px; border-left: 2px outset #ffffff;

border-right: 2px outset #ffffff; color:#000000;

border-top: 2px outset #ffffff; padding-top: 2;height:18}

.lc { background-color: #cccccc; height: 18px; border-left: 2px outset #ffffff;

border-right: 2px outset #ffffff; color:#000000;

border-top: 2px outset #ffffff; padding-top: 2;height:20}

.l-h { background-color: #cccccc; border-left: 2px outset #ffffff ; border-top: 2px outset #ffffff;color:#000000; }

.l-c { background-color: #cccccc; border-top: 2px outset #ffffff }

.l-r { background-color: #cccccc; border-right: 2px outset #ffffff; border-top: 2px outset #ffffff;color:#000000;}

.l-hc { background-color: #cccccc; border-left: 2px outset #ffffff;color:#000000;}

.l-cc { background-color: #cccccc;color:#000000; }

.l-rc { background-color: #cccccc; border-right: 2px outset #ffffff;color:#000000;}

td{color:#000000;}

-->

</style>

<title>标签式按纽</title>

</head>

<!--

function restore()

{

td1.className="l";td2.className="l";td3.className="l";td4.className="l";td5.className="l";td6.className="l";

td_1.className="l-h";td_2.className="l-c";td_3.className="l-c";td_4.className="l-c";td_5.className="l-c";td_6.className="l-c";

w1.style.display="none";w2.style.display="none";w3.style.display="none";w4.style.display="none";w5.style.display="none";w6.style.display="none";

}

function c1()

{

td1.className="lc";

td_1.className="l-hc";

w1.style.display="block";

}

function c2()

{

td2.className="lc";

td_2.className="l-cc";

w2.style.display="block";

}

function c3()

{

td3.className="lc";

td_3.className="l-cc";

w3.style.display="block";

}

function c4()

{

td4.className="lc";

td_4.className="l-cc";

w4.style.display="block";

}

function c5()

{

td5.className="lc";

td_5.className="l-cc";

w5.style.display="block";

}

function c6()

{

td6.className="lc";

td_6.className="l-cc";

w6.style.display="block";

}

//-->

</SCRIPT>

<tr>

</tr>

</tr>

<tr>

<tr>

</center>

</div>

</td>

</tr>

</table>

</div>

</td>

</tr>

</center>

<tr>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

点击展开全文

上一篇：页面浮动广告效果代码[网页特效]

下一篇：用鼠标拖动表格进行排序[网页特效]

免责声明：本文为网络用户发布，其观点仅代表作者个人观点，与本站无关，本站仅提供信息存储服务。文中陈述内容未经本站证实，其真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

没有找到您想要的？点此查看更多相关文章
相关文章▶

2023年上半年GDP全球前十五强
百态 2023-10-24

美众议院议长启动对拜登的弹劾调查
百态 2023-09-13

上海、济南、武汉等多地出现不明坠落物
探索 2023-09-06

印度或要将国名改为“巴拉特”
百态 2023-09-06

男子为女友送行，买票不登机被捕
百态 2023-08-20

手机地震预警功能怎么开？
干货 2023-08-06

女子4年卖2套房花700多万做美容：不但没变美脸，面部还出现变形
百态 2023-08-04

住户一楼被水淹还冲来8头猪
百态 2023-07-31

女子体内爬出大量瓜子状活虫
百态 2023-07-25

地球连续35年收到神秘规律性信号，网友：不要回答！
探索 2023-07-21

全球镓价格本周大涨27%
探索 2023-07-09

钱都流向了那些不缺钱的人，苦都留给了能吃苦的人
探索 2023-07-02

倩女手游刀客魅者强控制（强混乱强眩晕强睡眠）和对应控制抗性的关系
百态 2020-08-20

美国5月9日最新疫情：美国确诊人数突破131万
百态 2020-05-09

荷兰政府宣布将集体辞职
干货 2020-04-30

倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观：鹏程万里
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案神机营：射石饮羽
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山：拔刀相助
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案天工阁：鬼斧神工
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道：单枪匹马
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野：与虎谋皮
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野：李代桃僵
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野：指鹿为马
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案金陵：小鸟依人
干货 2019-11-12

倩女幽魂手游师徒任务情义春秋猜成语答案金陵：千金买邻
干货 2019-11-12