• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 表单类 >> 正文
站内搜索
Google
[图文]双选择关联菜单
          ★★★   

双选择关联菜单

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:表单类 [切换到繁體中文]
介绍:适合于子菜单较多的网页。

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效: 
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<form name="doublecombo">
<p>
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>特效代码</option>
<option>网页语言</option>
<option>软件教程</option>
</select>
<select name="stage2" size="1">
<option value="/texiao/shubiao">鼠标类</option>
<option value="/texiao/chuangkou">窗口类</option>
<option value="/texiao/daohang">导航类</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
  Double Combo Script Credit
  By Website Abstraction (www.wsabstract.com)
  Over 200+ free JavaScripts here!
  */
var groups=document.doublecombo.example.options.length
  var group=new Array(groups)
  for (I=0; I<groups; I++)
  group[I]=new Array()
group[0][0]=new Option("鼠标类","/texiao/shubiao")
  group[0][1]=new Option("窗口类","/texiao/chuangkou")
  group[0][2]=new Option("导航类","/texiao/daohang")
group[1][0]=new Option("ASP","/yuyan/asp")
  group[1][1]=new Option("PHP","/yuyan/php")
  group[1][2]=new Option("JSP","/yuyan/jsp")
group[2][0]=new Option("Dreamweaver","/ruanjian/Dreamweaver")
  group[2][1]=new Option("Fireworks","/ruanjian/Fireworks")
  group[2][2]=new Option("Flash","/ruanjian/Flash")
  group[2][3]=new Option("Photoshop","/ruanjian/Photoshop")
var temp=document.doublecombo.stage2
function redirect(x){
  for (m=temp.options.length-1;m>0;m--)
  temp.options[m]=null
  for (I=0;I<group[x].length;I++){
  temp.options[I]=new Option(group[x][I].text,group[x][I].value)
  }
  temp.options[0].selected=true
  }
function go(){
  location=temp.options[temp.selectedIndex].value
  }
  //-->
  </script>
  </form>
  • 上一个特效:
  • 下一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com