热门标签:   个人网站   个人网页   WAP网站   网页特效   网页教程   收藏本站   设为主页  
首 页   个人网站   个人博客   WAP网站   网页特效   网页教程   软件教程   我要参展
帐 号: 密 码:
 
网站及资源搜索:  
 
  当前位置 > 中国个人网页秀-> 网页特效-> 页面特效-> 菜单导航-> 单击链接显示菜单
单击链接显示菜单
整理:Cnwshow.Com   来源:Internet   整理时间:2008-2-17

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>单击链接显示菜单</title>
<style>
.iewrap1{
position:relative;
height:30px;
; font-family: "宋体"; font-size: 9pt}
.iewrap2{
position:absolute;
; font-family: "宋体"; font-size: 9pt}
#dropmenu0, #dropmenu1{
visibility:hide;
z-index:100;}
#dropmenu0 { font-family: "宋体" ; font-size: 9pt}
#dropmenu1 { font-family: "宋体" ; font-size: 9pt}
</style>
</HEAD>
<body>
<script language="JavaScript">
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++}
else{
hidemenu()}}}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"}
function hidemenu2(){
themenu.visibility="hide"}
if (document.all)
document.onclick=hidemenu
</script>
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">[中国个人网页秀]</a></font>
</span>
</span>
</layer>
</ilayer><br>
<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:#408080;background-color:#408080;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript">
var menu1=new Array()
menu1[0]='<a href="http://www.cnwshow.com/cnw/show_1.htm"><font color="#ffcc00">个站展示</font></a><br>'
menu1[1]='<a href="http://www.cnwshow.com/cnw/show_3.htm"><font color="#ffcc00">博客家园</font></a><br>'
menu1[2]='<a href="http://www.cnwshow.com/"><font color="#ffcc00">特效代码</font></a><br>'
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>

<p></p>
<p></p>                                                     
</body>
</html>
运行代码预览特效
  菜单导航 热门点击
·鼠标触发型导航菜单
·网页滑出式菜单
·类似Flash效果的菜单
·模仿QQ式的菜单
·同Flash媲美的导航菜单
·左右交叉合并导航效果
·Windows样式菜单
·非常流行的隐藏导航栏
·慢慢出现的链接菜单
·下拉透明菜单
  酷站推荐
关于本站  联系本站  免责声明  使用帮助  网站搜索  网站地图
Copyright © 2005-2008 Cnwshow.Com Inc All Rights Reserved 中国个人网页秀
技术支持:网秀科技   QQ群:36941957  客服QQ:151483161  粵ICP备05134415号