- <style type="text/CSS">
- p {
- background-color: tan;
- margin-left: 5%;
- margin-right: 5%;
- border: 3px dotted white;
- padding: 10px 10px 10px 10px;
- font-family: sans-serif;
- }
- pre {
- background-color: #BDB76B;
- margin-left: 5%;
- margin-right: 5%;
- border: 3px dotted white;
- padding: 10px 10px 10px 10px;
- font-family: sans-serif;
- }
- td {
- FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 22px;
- }
- div{/*设置层背景样式*/
- background-color:#669933;
- text-align:center;position:absolute;z-index:2;display:none; }
- A {FONT-SIZE: 18px;
- /*文字链接的背影样式*/
- width:100px;line-height:22px;text-align:center;border-bottom:1 #FFFFFF solid;}
- A:hover {FONT-SIZE: 20px;
- background-color:#A9A9A9;
- /*鼠标在文字链接上时的文字背景样式*/
- width:100px;line-height:22px;text-align:center;}
- a:link, a:visited {
- color:#FFFFFF;
- border-style: solid;
- border-width: 5px;
- border-color: transparent;
- text-decoration:blink;
- }
- a:hover {border-color: #FFFFFF;}
- </style>
- <SCRIPT language="JavaScript">
- function show(d1){
- document.getElementById(d1).style.display='block'; //显示层
- }
- function hide(d1){
- document.getElementById(d1).style.display='none'; //隐藏层
- }
- </SCRIPT>
- </head>
- <body scroll="no">
- <h1 align="center">
- Welcome To Wonder World
- </h1>
- <p>
- <TABLE width="610" border="0" cellspacing="0" cellpadding="0" align="center">
- <TR>
- <TD><A href="home.html" target="_blank" onMouseMove="show('s5')" onMouseOut="hide('s5')">首页</A></TD>
- <TD><A href="#" onMouseMove="show('s1')" onMouseOut="hide('s1')">成员介绍</A></TD>
- <TD><A href="#" onMouseMove="show('s2')" onMouseOut="hide('s2')">成员身世</A></TD>
- <TD><A href="#" onMouseMove="show('s3')" onMouseOut="hide('s3')">音乐作品</A></TD>
- <TD><A href="#" onMouseMove="show('s4')" onMouseOut="hide('s4')">获奖记录</A></TD>
- </TR>
- <TR>
- <TD><DIV id="s5" onMouseMove="show('s5')" onMouseOut="hide('s5')"> </DIV></TD>
- <TD><DIV id="s1" onMouseMove="show('s1')" onMouseOut="hide('s1')">
- <A href="#">闵先艺</A><BR>
- <A href="#">朴誉恩</A><BR>
- <A href="#">安昭熙</A><BR>
- <A href="#">金瑜斌</A><BR>
- <A href="#">禹惠林</A><BR>
- <A href="#">宣美</A><BR>
- <A href="#">金炫雅(/已退)</A><BR>
- </DIV></TD>
- <TD><DIV id="s2" onMouseMove="show('s2')" onMouseOut="hide('s2')"></DIV> </TD>
- <TD><DIV id="s3" onMouseMove="show('s3')" onMouseOut="hide('s3')">
- <A href="#">《The Wonder Begins》</A><BR>
- <A href="#">《The Wonder Years》</A><BR>
- <A href="#">《So Hot》</A><BR>
- <A href="#">《The Wonder Years:Trilogy》</A><BR>
- <A href="#">《2 Different Tears》</A><BR>
- <A href="#">《The Wonder World》</A><BR>
- <A href="#">其他单曲</A><BR>
- </DIV></TD>
- <TD><DIV id="s4" onMouseMove="show('s4')" onMouseOut="hide('s4')"></DIV></TD>
- </TR></TABLE>
- </p>
- //该片段来自于http://www.codesnippet.cn/detail/310520133699.html
来源: http://www.codesnippet.cn/detail/310520133699.html