简单三级下来菜单--卓远领航

最新推荐文章于 2022-11-20 20:45:10 发布

wenling0629

最新推荐文章于 2022-11-20 20:45:10 发布

阅读量579

点赞数

分类专栏： asp 文章标签： function float div java c

本文链接：https://blog.csdn.net/wenling0629/article/details/7420996

版权

asp 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

#company{position:absolute;left:300px;top:23px;width:100px;}
#company ul{list-style:none;border:1px solid #0284D8}
#company ul li{float:none;display:inline;}
#company ul li a{background:#56C5F0;color:#fff;margin:0;width:120px;height:23px;}
#company ul li a:hover{color:#0284D8;margin:0;width:120px;height:23px;left:0pt;right:0pt; background-color:#fff}

#company2{width:110px;height:23px;position:absolute;top:30px; left:100px;display:none;}
#company2 ul li{float:none;width:110px;height:23px; display:inline}
#company2 ul li a{ margin:0;}

#companya{position:absolute;left:380px;top:23px;width:110px;text-align:center;padding-left:5px}
#companya ul{list-style:none;border:1px solid #0284D8}
#companya ul li{float:none;display:inline}
#companya ul li a{background:#56C5F0;color:#fff;margin:0;width:110px;height:23px;text-align:center;padding-left:5px}
#companya ul li a:hover{color:#0284D8;margin:0;width:110px;height:23px;text-align:center;padding-left:5px;left:0pt;right:0pt; background-color:#fff}

#companyb{position:absolute;left:595px;top:23px;width:80px;}
#companyb ul{list-style:none;border:1px solid #0284D8}
#companyb ul li{float:none;display:inline}
#companyb ul li a{background:#56C5F0;color:#fff;margin:0;width:96px;height:23px;}
#companyb ul li a:hover{color:#0284D8;margin:0;width:96px;height:23px;left:0pt;right:0pt; background-color:#fff}

#companyc{position:absolute;left:490px;top:23px;width:80px;}
#companyc ul{list-style:none;border:1px solid #0284D8}
#companyc ul li{float:none;display:inline}
#companyc ul li a{background:#56C5F0;color:#fff;margin:0;width:96px;height:23px;}
#companyc ul li a:hover{color:#0284D8;margin:0;width:96px;height:23px;left:0pt;right:0pt; background-color:#fff}
</style>

<div id="box">
<div id="banner">
<ul>
   <li><a href="index.asp">首页</a></li>
   <li><a href="qygk.asp">企业概况</a></li>
    <li><a href="news.asp?bigclassid=44">新闻动态</a></li>
   <li><a href="pic.asp?bigclassid=67" onMouseOver="over()" onMouseOut="out()">导航一</a></li>
   <div id="company" style="display:none;" onMouseMove="over()" onMouseOut="out()" >
    <ul>
     <li><a href="pic.asp?bigclassid=67">导航二</a></li>
     <li><a href="xlkc.asp?articleid=26" onMouseOver="over2()" onMouseOut="out2()">导航二</a></li>
     <div id="company2" onMouseOver="over2()" onMouseOut="out2()">
      <ul>
       <li><a href="xlkc.asp?articleid=26">导航三</a></li>
             <li><a href="#">导航三</a></li>
      </ul>
     </div>

    </ul>
   </div>
   <li><a href="tysnx.asp?articleid=8" onMouseOver="overa()" onMouseOut="outa()">体验式内训</a></li>
   <div id="companya" style="display:none;" onMouseMove="overa()" onMouseOut="outa()" >
    <ul>
     <li><a href="tysnx.asp?articleid=8">四维管理</a></li>
     <li><a href="tysnx.asp?articleid=9" >顾问式销售技术</a></li>
    <li><a href="tysnx.asp?articleid=10">高效执行</a></li>
<li><a href="tysnx.asp?articleid=11">组织沟通</a></li>
     <li><a href="tysnx.asp?articleid=12" >沙漠掘金</a></li>
    <li><a href="tysnx.asp?articleid=13">精细运营</a></li>
    </ul>
   </div>
    <li><a href="sztz.asp?articleid=14" οnmοuseοver="overc()" onMouseOut="outc()">青年素质拓展</a></li>
<div id="companyc" style="display:none;" onMouseMove="overc()" onMouseOut="outc()" >
    <ul>
     <li><a href="sztz.asp?articleid=14">周末营</a></li>
     <li><a href="sztz.asp?articleid=15" >夏令营</a></li>
     <li><a href="sztz.asp?articleid=16">冬令营</a></li>
<li><a href="sztz.asp?articleid=17">亲子拓展</a></li>

    </ul>
   </div>

    <li><a href="tsty.asp?articleid=18" onMouseOver="overb()" onMouseOut="outb()">特色体验</a></li>
   <div id="companyb" style="display:none;" onMouseMove="overb()" onMouseOut="outb()" >
    <ul>
     <li><a href="tsty.asp?articleid=18">国家宝藏</a></li>
     <li><a href="tsty.asp?articleid=19" >幸存者</a></li>
     <li><a href="tsty.asp?articleid=20">龙族秘藏</a></li>
<li><a href="tsty.asp?articleid=21">重返校园</a></li>
     <li><a href="tsty.asp?articleid=22" >真火镭战</a></li>
     <li><a href="tsty.asp?articleid=23">定向寻宝</a></li>
<li><a href="tsty.asp?articleid=24">航海时代</a></li>
<li><a href="tsty.asp?articleid=25">泰山穿越</a></li>
    </ul>
   </div>
   <li><a href="pic.asp?bigclassid=64">师资团队</a></li>
   <li><a href="pic.asp?bigclassid=63">培训基地</a></li>
   <li><a href="lxwm.asp">联系方式</a></li>
</ul>
</div>
</div>
<ｓｃｒｉｐｔ language="javaｓｃｒｉｐｔ">
function over()
{
document.getElementById("company").style.display=""
}

function out()
{
document.getElementById("company").style.display="none"
}

function overa()
{
document.getElementById("companya").style.display=""
}

function outa()
{
document.getElementById("companya").style.display="none"
}
function overb()
{
document.getElementById("companyb").style.display=""
}

function outb()
{
document.getElementById("companyb").style.display="none"
}
function overc()
{
document.getElementById("companyc").style.display=""
}

function outc()
{
document.getElementById("companyc").style.display="none"
}
function over2()
{
document.getElementById("company2").style.display="block"
}
function out2()
{
document.getElementById("company2").style.display="none"
}
</ｓｃｒｉｐｔ>