点击logo后出现隐藏的菜单

作者：佚名来源：不详发布时间：2006-10-29 0:23:36 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<Script language="JavaScript">
function showhide() {
  var i, ss, cc, rr;
  cc = showhide.arguments;
  for (i=0; i<(cc.length-2); i+=3) 
     {  ss   = cc[i+2];
       if (navigator.appName == 'Netscape' && document.layers != null)
        { rr = eval(cc[i]);
          if (rr) rr.visibility = ss;
        } else if (document.all != null) 
              { if (ss == 'show') ss = 'visible'; 
                if (ss == 'hide') ss = 'hidden'; rr = eval(cc[i+1]);
                if (rr) rr.style.visibility = ss;
              }
     }}
function keepIE(WinName,WinTop,WinLeft) {
document.all[WinName].style.top=WinTop
document.all[WinName].style.left=WinLeft
}
function keepNN(WinName,WinTop,WinLeft) {
document.layers[WinName].moveTo(self.pageXOffset+WinLeft+window.innerWidth-80,self.pageYOffset+Wi

nTop+window.innerHeight-90)}
</Script>

第二步：把如下代码加入到<body>区域中

<div id="content">
<p><a name="off"></a></p>
<div id="Silversand" style="position:absolute; left:0px; top:0px; z-index:1">
<a href="javascript:void(null)"

onclick="showhide('document.layers[\'Win0\']','document.all[\'Win0\']','show')">
<img src="http://www.9966ok.com/logo.gif" NOSAVE BORDER=0  onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></a></div>

<div id="Win0" 
style="position:absolute; width:80px; height:120px; z-index:2; visibility: hidden"> 
<Script language=JavaScript>
IE4=(document.all)?1:0
NN4=(document.layers)?1:0
if (IE4)
setInterval('keepIE("Win0",0,0)',1000)
if (NN4)
setInterval('keepNN("Win0",0,0)',1000)
</Script>

<table width="100" border="0" cellpadding="3"  bgcolor="#ECF8FF"> 
  <tr align="CENTER"> 
    <td valign="middle" align="CENTER"><small>
=============<a href="#off"

onmouseover="showhide('document.layers[\'Win0\']','document.all[\'Win0\']','hide')">X</a><br>
<a href="#" target="_blank" title="小说，散文，诗词，歌赋，应有尽有。">文学的天空</a><br>
<a href="#" target="_blank" title="音乐爱好者的家园。">音乐的殿堂<br>
<a href="#" target="_blank" title="格内体育新闻，体育知识，包罗万象。">体育大世界</a><br>
<a href="#" target="_blank" title="当前社会的热门话题，流行的色彩。">社会流行风</a><br>
=============
</small>
   </td> 
  </tr> 
</table> 
</div>
</div>
</div>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：分两个等级的下拉菜单

下一篇代码：一个非常不错的左键弹出菜单。就象WINDOW的右键属性。。

点击logo后出现隐藏的菜单

精品推荐

代码分类

阅读排行

相关代码