| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1121 人关注过本帖
标题:跪求:下拉菜单问题,急用,高手请进
只看楼主 加入收藏
ni123hao123
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2008-1-19
收藏
 问题点数:0 回复次数:2 
跪求:下拉菜单问题,急用,高手请进
小弟初学javascript,要做一个导航条,不知怎么实现,具体就是一个下拉菜单,形式如下:
标题一
标题二
标题三
  然后点击任何一个标题时都出现它的下拉菜单(子菜单不要覆盖掉下面的标题),即形式如下:点击标题一时
标题一
子菜单一
子菜单二
标题二
标题三
然后点击子菜单时网页右面得到具体的界面,欢迎高手指点,非常感谢!!!

[[italic] 本帖最后由 ni123hao123 于 2008-1-19 18:02 编辑 [/italic]]
搜索更多相关主题的帖子: 菜单 网页 导航条 形式 
2008-01-19 18:00
zhulei1978
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:53
帖 子:1351
专家分:1200
注 册:2006-12-17
收藏
得分:0 
程序代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script>// Example: obj = findObj("image1");

function findObj(theObj)

{
   var foundObj;
   foundObj = document.getElementById(theObj);
  return foundObj;

}
function changeSrc(srcName)
{
    document.getElementById("iframeId").src = srcName ;
}
</script>
<title>无标题文档</title>
<style type="text/css">
<!--
a:link{color:#000000;text-decoration:none}
a:visited{color:#000000;text-decoration:none}
a:hover{color:#000000;text-decoration:none}
-->
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" width="10%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td onmouseup="with(findObj('Blueidea1').style){display=display=='none'?'':'none';}">标题一</td>
  </tr>
  <tr id="Blueidea1" style="display:none">
    <td><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td ><a href="#" onclick="changeSrc('http://www.baidu.com')">?子菜单一</a></td>
      </tr>
      <tr>
        <td ><a href="#" onclick="changeSrc('http://www.')">?子菜单二</a></td>
      </tr>
     
    </table></td>
  </tr>
  <tr>
    <td onmouseup="with(findObj('Blueidea2').style){display=display=='none'?'':'none';}">标题二</td>
  </tr>

 <tr id="Blueidea2" style="display:none">
    <td><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td ><a href="#">?子菜单一</a></td>
      </tr>
      <tr>
        <td ><a href="#">?子菜单二</a></td>
      </tr>
     
    </table></td>
  </tr>
  <tr>
    <td onmouseup="with(findObj('Blueidea3').style){display=display=='none'?'':'none';}">标题三</td>
  </tr>
  <tr id="Blueidea3" style="display:none">
    <td><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td ><a href="#">?子菜单一</a></td>
      </tr>
      <tr>
        <td ><a href="#">?子菜单二</a></td>
      </tr>
     
    </table></td>
  </tr>
</table></td>
<td width="90%">
<table width="100%" border="0"><tr><td>
<iframe id="iframeId" src="#" height="400" width="98%">
</iframe>
</td></tr></table>
</td></tr></table>
</body>
</html>


[[italic] 本帖最后由 zhulei1978 于 2008-1-19 19:54 编辑 [/italic]]

其实我就是改变社会风气,提高少女素质,刺激电影市道,提高年轻人内涵,玉树临风,风度翩翩的整蛊专家,我名叫古晶,英文名叫JingKoo!
2008-01-19 19:49
ni123hao123
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2008-1-19
收藏
得分:0 
谢谢楼上的大侠了,最近比较忙,这个感谢有点迟了,呵呵,非常感谢
2008-01-22 17:05
快速回复:跪求:下拉菜单问题,急用,高手请进
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.033966 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved