ASP层实现的导航菜单特效

演示地址:http://www.souab.com/Demo/200906/Menu.asp

源文件压缩打包可直接下载

<style>
body {font:12px}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;color:#20537A;}
span {cursor:hand;}
.Mdown {background:#eeeeee;padding:8px;}
.oHide {display:none;}
.oVisible {display:block;background:#eeeeee;padding:8px;}
</style>
<!-- 如果要做成点击后再转到请将<span>中的onmouseover 改成 onclick; -->
<title>ASP层实现的导航菜单特效</title>
<div style="background:#336699;color:white;padding:8px;">
<span onmouseover="oMenu01.className='oVisible';oMenu02.className='oHide';">网站建设</span>　　　
<span onmouseover="oMenu02.className='oVisible';oMenu01.className='oHide';">新闻资讯</span>　　　
</div>
<div id="oMenu01" class="Mdown">
  <a href="#">域名注册</a> | <a href="#">虚拟主机</a> | <a href="#">服务器租用</a> | <a href="#">定制开发</a> | <a href="#">客户案例</a> | <a href="#">企业邮局</a></div>
<div id="oMenu02" class="oHide Mdown">
 <a href="#">本站动态</a> | <a href="#">公司新闻</a> | <a href="#">行业动态</a>
</div>

附件下载：
Menu.rar 562字节

引用地址:

发表评论
post by 不懂戀愛魚兒 | 2009年6月14日 | 归档于 [导航菜单]
标签: asp 菜单特效

发表评论

sitemap