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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>超强多极下拉菜单</title>
</head>

<body>
<div align="center"><form name="isc">
              <table border="0" cellspacing="0" cellpadding="0">
                <tr align="center">
                  <td nowrap height="11">
                    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
                      <option selected>★文本特效</option>
                      <option>★另类特效</option>
                      <option>★背景特效</option>
                    </select>
                    <select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
                      <option value=" " selected></option>')
                      <option value=" " selected>◤------第二层菜单------◢</option>
                      <option value=" " selected>◤------第二层菜单------◢</option>
                    </select>
                    <select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
                      <option value=" " selected></option>')
                      <option value=" " selected>◤------第三层菜单------◢</option>
                      <option value=" " selected>◤------第三层菜单------◢</option>
                    </select>
              </table>
            </form>
          </div>
          <script language="JavaScript">
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("----第二层菜单----"," ");

group[1][0]=new Option("」第一类"," ");
group[1][1]=new Option("」第二类","47");
group[1][2]=new Option("」第三类","46");
group[1][3]=new Option("」第四类","45");

group[2][0]=new Option("」第一类"," ");
group[2][1]=new Option("」第二类","115");
group[2][2]=new Option("」第三类","116");

var temp=document.isc.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
redirect1(0)
}



var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++)  {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++)  {
secondGroup[i][j]=new Array()  }}

secondGroup[0][0][0]=new Option("----第三层菜单----"," ");
secondGroup[1][0][0]=new Option("----第三层菜单----"," ");
secondGroup[1][1][0]=new Option("」 第一节"," ");
secondGroup[1][1][1]=new Option("」 第一节","http://www.cnwshow.com");
secondGroup[1][1][2]=new Option("」 第一节","http://www.cnwshow.com");
secondGroup[1][1][3]=new Option("」 第一节","http://www.cnwshow.com");

secondGroup[1][2][0]=new Option("」第三类"," ");
secondGroup[1][2][1]=new Option("第二节","http://www.cnwshow.com");
secondGroup[1][2][2]=new Option("第二节","http://www.cnwshow.com");
secondGroup[1][2][3]=new Option("第二节","http://www.cnwshow.com");

secondGroup[1][3][0]=new Option("」第四类"," ");
secondGroup[1][3][1]=new Option("第三节","http://www.cnwshow.com");
secondGroup[1][3][2]=new Option("第三节","http://www.cnwshow.com");

secondGroup[2][0][0]=new Option("----第三层菜单----"," ");
secondGroup[2][1][0]=new Option("」第三类"," ");
secondGroup[2][1][1]=new Option("」第三节(1)","http://www.cnwshow.com");
secondGroup[2][1][2]=new Option("」第三节(2)","http://www.cnwshow.com");
secondGroup[2][1][3]=new Option("」第三节(3)","http://www.cnwshow.com");

secondGroup[2][2][0]=new Option("」第四类"," ");
secondGroup[2][2][1]=new Option("第三节l(1)","http://www.cnwshow.com");
secondGroup[2][2][2]=new Option("第三节(2)","http://www.cnwshow.com");

var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}

function redirect2(){
window.open(temp1.value,"","toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=700,height=450");
}
//-->
</script>
</body>
</html>

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