仿Office 2003的工具条[网页特效]

王朝html/css/js·作者佚名  2008-05-31
宽屏版  字体: |||超大  

<!-- 把如下代码加入<body>区域中 -->

<!-- web http://www.knowsky.com -->

<!-- bbs http://www.knowsky.com/bbs-->

<LINK href="http://www.knowsky.com/images/style.css" rel=stylesheet>

<STYLE type=text/css>.submenu {

Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 500px; POSITION: absolute; HEIGHT: 22px}

A {

FONT-FAMILY: "Tahoma"; TEXT-DECORATION: none

}

A:hover {

FONT-FAMILY: "Tahoma"; TEXT-DECORATION: none

}

</STYLE>

<SCRIPT src="http://www.knowsky.com/img/20040701js1.js"></SCRIPT>

<SCRIPT src="http://www.knowsky.com/img/20040701js2.js"></SCRIPT>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

</head>

<body bgcolor="#AAAAAA" leftmargin="0" topmargin="0"><center>

<table width="758" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

<tr>

<td width="930" bgcolor="#546376">

<TABLE cellSpacing=1>

<TBODY>

<TR align=middle bgcolor="#546376">

<TD width="30" bgcolor="#546376" id=m000></TD>

<TD id=m000> <div align="center">

<a onmouseover="rollOver('m00');" onmouseout="rollOut('m00');" target="_top" href="http://www.knowsky.com"><font color="#FFFFFF">首页</font></a></div></TD>

<TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD>

<TD id=m010> <div align="center"><A onmouseover="rollOver('m01');" onmouseout="rollOut('m01');"

href="#" target="_top"><font color="#FFFFFF">网站教程</font></A></div></TD>

<TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD>

<TD id=m020> <div align="center"><A onmouseover="rollOver('m02');" onmouseout="rollOut('m02');"

href="http://www.knowsky.com/web" target="_top"><font color="#FFFFFF">网页制作</font></A></div></TD>

<TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD>

<TD id=m030> <div align="center"><A onmouseover="rollOver('m03');" onmouseout="rollOut('m03');"

href="http://www.knowsky.com/program" target="_top"><font color="#FFFFFF">编程技术</font></A></div></TD>

<TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD>

<TD id=m040> <div align="center"><A href="http://www.knowsky.com/js" target="_top"><font color="#FFFFFF">网页特效</font></A></div></TD>

<TD width="20" id=m000> <div align="center"><font color="#FFFFFF">|</font></div></TD>

<TD id=m040> <div align="center"><A onmouseover="rollOver('m04');" onmouseout="rollOut('m04');"

href="http://www.knowsky.com/" target="_blank"><font color="#FFFFFF">精品素材</font></A></div></TD>

</TR>

</TBODY>

</TABLE>

</td>

</tr>

<tr>

<td height="5"><div id="Layer1" style="position:absolute; z-index:1">

<DIV class=submenu id=m00

style="WIDTH: 500px; HEIGHT: 22px" name="m00">

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD><!--<A href="#" target="_top"><font color="#A7B1BD">用户注册</font></A> | <A href="#"><font color="#A7B1BD">使用帮助</font></A>

| <A href="#" target="_top"><font color="#A7B1BD">必备工具</font></A> --></TD>

</TR>

</TBODY>

</TABLE>

</DIV>

<DIV class=submenu id=m01

style="WIDTH: 500px; HEIGHT: 22px" name="m01">

<TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD><A href="http://www.knowsky.com/web/index1.htm"><font color=white>Html教程</font></A>| <A href="http://www.knowsky.com/web/index7.htm"><font color=white>Css 教程</font></A> | <A href="http://www.knowsky.com/web/index5.htm"><font color=white>Js 教 程</font></font></A> |</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

<DIV class=submenu id=m02 style="WIDTH: 500px" name="m02">

<TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD><A hrefhttp://www.knowsky.com" target="_top"><font color="#A7B1BD">国家地理频道</font></A> | <A

href="http://www.knowsky.com/" target="_top"><font color="#A7B1BD">ChannelV音乐频道</font></A> | <A href="http://www.knowsky.com/"><font color="#A7B1BD">星空综艺频道</font></A> | <A href="http://www.knowsky.com/"><font color="#A7B1BD">STAR体育频道</font></A></TD>

</TR>

</TBODY>

</TABLE>

</DIV>

<DIV class=submenu id=m03 style="WIDTH: 500px" name="m03">

<TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD><A href="http://www.knowsky.com" target="_top"><font color="#A7B1BD">游戏频道</font></A> | <A

href="http://www.knowsky.com/" target="_top"><font color="#A7B1BD">游戏下载</font></A>

<!-- | <A href="http://www.knowsky.com/"><font color="#A7B1BD">游戏专区</font></A> | <A

href="http://www.knowsky.com/bbs" target="_top"><font color="#A7B1BD">技术论坛</font></A> -->

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

<DIV class=submenu id=m04 style="WIDTH: 500px" name="m04">

<TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD><TABLE cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD><A href="http://www.knowsky.com/" target="_top"><font color="#A7B1BD">knowsky.com</font></A></TD>

</TR>

</TBODY>

</TABLE></TD>

</TR>

</TBODY>

</TABLE>

</DIV>

</div></td>

</tr>

</table>

<table width="758" height="15" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

<tr>

<td height="15"></td>

</tr>

</table>

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