赞助连接

赞助连接

阅 读 文 章

下拉式菜单的问题[急]

[来源:网上转载 (CSDN转载) | 作者:网友(xiaolian723) | 时间:2008-09-25 | 浏览:人次 ]

一般的网页都有一个横向的菜单栏,将鼠标放上去会出来下拉式菜单。点击菜单的某一项,怎样让链接的内容显示在菜单栏下面的区域呢?  
  谢谢大家帮忙。
是弹出式菜单。
用DW很容易实现的说~完全使用代 *** 我也不是很明白的说
怎样让链接的内容显示在菜单栏下面的区域----用框架。
框架不行,现在我就是用框架实现,可是存在问题,下面的框架页面将上面的弹出式菜单隐藏了。
怎么没有人关注恩?
用iframe就没这个问题.
JK_10000(JK)    
  能否给各例子?
控制iframe的src
用<iframe   name="up"   ....>  
  上面链接的target="up"   这样就行了
iframe的高度不好控制
<html>  
   
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>JK:支持民族工业,尽量少买X货</title>  
  <script   language="javascript">    
  var   isResizing=false;  
  function   Resize_mousedown(event,obj){  
  if(!obj.setCapture)   return   ;  
  isResizing=true;  
  obj.mouseDownX=event.clientX;  
  obj.leftTdW=obj.previousSibling.offsetWidth;  
  obj.setCapture();  
  }  
   
  function   Resize_mousemove(event,obj){  
  if(!isResizing)   return   ;  
          var   newWidth=obj.leftTdW*1+event.clientX*1-obj.mouseDownX;  
          if(newWidth>1)   obj.previousSibling.style.width   =   newWidth;  
          else   {  
          obj.previousSibling.style.width=1;  
          obj.childNodes[0].innerHTML="&gt;";  
          }  
          if(newWidth>149)   obj.childNodes[0].innerHTML="&lt;";  
  }  
  function   Resize_mouseup(event,obj){  
  if(!isResizing)   return;  
  obj.releaseCapture();  
  isResizing=false;  
  }  
  function   Resize_setDefault(event,obj){  
  if(obj.innerHTML=="&lt;")   {  
  obj.parentNode.previousSibling.style.width=1;  
  obj.innerHTML="&gt;";  
  }  
  else{  
  obj.parentNode.previousSibling.style.width=150;  
  obj.innerHTML="&lt;";  
  }  
  event.cancelBubble=true;  
  }  
  </script>    
  </head>  
   
  <body   style='margin:0'   >  
  <table   style="width:100%;height:100%;"   border=0     cellspacing=0   cellpadding=0   >  
  <tr   style="height:40px;"><td   colspan=3   >  
  <A     href=http://topic.csdn.net/t/20061124/17/"#"   onmouseover="document.getElementById('aaa').style.display='';"    
  onmouseout="document.getElementById('aaa').style.display='none';">Munu1</A>  
  <div   style="background-color:#cccccc;   width:   150px;     display:none;   z-index:50;height:300px;   position:absolute;"   id=aaa   >  
  <br/>  
  ddddd  
  </div>  
  </td>  
  </tr>  
  <tr   style="height:2px;line-height:2px;background-color:#cccccc;"><td   colspan=3   >  
  </td>  
  </tr>  
  <tr>  
  <td   style="width:150px;"   >  
  <iframe   zindex=1   id="a"   src=http://topic.csdn.net/t/20061124/17/"http://community.csdn.net/Tree/tree.htm"   style="width:100%;height:100%;   "></iframe>  
  </td><td   style="width:8px;cursor:e-resize;background-color:#cccccc;size:8px;z-index:10px;"   align="center"   valign="middle"  
            onmousedown="Resize_mousedown(event,this);"   onmouseup="Resize_mouseup(event,this);"   onmousemove="Resize_mousemove(event,this);"   >  
            <font   style="background-color:#eeeeee;cursor:pointer;"   onmousedown="Resize_setDefault(event,this);">&lt;</font>  
  </td><td>  
  <iframe   zindex=1   id="b"   name="ContentFrame"   src=http://topic.csdn.net/t/20061124/17/"about:blank"   style="width:100%;height:100%;z-index:10"></iframe>  
  </td>  
  </tr>  
  </table>  
  </body>  
  </html>
论坛热门帖子: [lch203] 写得蛮好的linux学习笔记(10-21)
[黑马制造] 学习java的30个目标(10-19)
[笑傲股林] 做测试半年了,有点迷茫,应该再学些什么提高自己的测试水平和测试能力呢?(10-19)
[udp8589] 大家用google的来吱一声? 用百度的~~也来报道下?(10-18)
[沂偌掳兆] 本人总结的一些认为C++比较经典的书籍,希望对大家有用(10-18)
TAG标签: 问题 菜单 style event iframe if isResizing 框架 lt

最新评论 共有0位网友发表了评论

发表评论

评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名:(注册)
密码:
验证码:
匿名发表

网站地图友情连接交流论坛网站投稿广告服务联系我们留言本站长统计
Some rights reserved: www.chmhome.com, 鄂ICP备07010232号 E-mail:chinakafei@live.com,QQ:552766
中国咖啡技术网(Chmhome):国外编程技术书籍,中文编程手册,经典编程文章,交流技术,技术软件下载,计算机论文,毕业论文.