[json]js 仿taobao导航菜单效果

更新时间：2015-11-29 来源：导航菜单手机版 字体：大中小

【www.bbyears.com--导航菜单】

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中国站长天空-<a href="http://www.bbyears.com/clist-18-1.html" target="_blank" class="keylink">网页特效</a>-<a href="http://www.bbyears.com/clist-203-1.html" target="_blank" class="keylink">导航菜单</a>-非常漂亮的二级下拉<a href="http://www.bbyears.com/clist-203-1.html" target="_blank" class="keylink">导航菜单</a></title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

<style type="text/css">

</style>
</head>
<body>

<script language="javascript">
	function qiehuan(num){
		for(var id = 0;id<=9;id++)
		{
			if(id==num)
			{
				document.getElementById("qh_con"+id).style.display="block";
				document.getElementById("mynav"+id).className="nav_on";
			}
			else
			{
				document.getElementById("qh_con"+id).style.display="none";
				document.getElementById("mynav"+id).className="";
			}
		}
	}
</script>

<ul id="nav">
        首 页
        <li class="menu_line">
        AAAAAA
        <li class="menu_line">
        BBBBBB
        <li class="menu_line">
        CCCCCC
        <li class="menu_line">
        DDDDDD
        <li class="menu_line">
        EEEEEE
        <li class="menu_line">
        FFFFFF
        <li class="menu_line">
        GGGGGG
        <li class="menu_line"> 
        HHHHHH
        <li class="menu_line">
        IIIIII
        <li class="menu_line">
      
      
        
          中国站长天空
          <li class="menu_line2">
          可乐猫
        
       
      
        
          A1
          <li class="menu_line2">
          A2
        
       
      
        
          B1
          <li class="menu_line2">
          B2
        
       
      
        
          C1
          <li class="menu_line2">
          C2
        
       
      
        
          D1
          <li class="menu_line2">
          D2
        
       
      
        
          E1
          <li class="menu_line2">
          E2
        
       
      
        
          F1
          <li class="menu_line2">
          F2
        
       
      
        
          G1
          <li class="menu_line2">
          G2
        
       
      
        
          H1
          <li class="menu_line2">
          H2
        
      
      
        
          I1
          <li class="menu_line2">
          I2

</body>
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyetexiao/19854.html

链接：http://www.bbyears.com/wangyetexiao/19854.html
[json]js 仿taobao导航菜单效果(转载时请注明本文出处及链接)

猜你感兴趣

[网页设计师证]资深网页设计师 1500-3000 2015-11-29
as3.0 api|AS3.0实现逼真喷泉效果 2015-11-29
qq邮箱签名档怎么设置|非主流qq签名档个性闪图片 2015-11-29
[中国热门城市]中国热门SNS:51.com居首开心网第四 2015-11-29
flash缩放快捷键_flash缩放与移动 2015-11-29
[qq2009安卓版]QQ2009“偷师”开心网 2015-11-29
网页div css模板_网页div+CSS排版人员广州市 1200-3000 2015-11-29
非主流情侣壁纸黑白|非主流黑白情侣闪图-情侣图 2015-11-29
[百度ai开放平台]百度称搜索开放平台是阿拉丁计划一部分 2015-11-29
[网页设计师证]高级网页设计师广州市 2015-11-29

本类排行

本类最新

更多>>

[json]js 仿taobao导航菜单效果

猜你感兴趣

热门标签

本类排行

本类最新