久久草情侣vs国产&久久精品国产av一级二级三级&日韩免费黄色视频&精品一区二区三区av天堂&玩弄少妇高潮a片水蜜桃网站&女教师韩国

歡迎來到億搜云建站平臺，全網營銷云系統加盟中心！

海量企業網站模板 · 任您選擇

美出特色，精出品質，一切為了企業更好的營銷

隱藏側欄
Beta
轉載

js二級橫向滑動導航菜單

       導航     2016-02-16     eycms     347     0    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.xxx.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.xxx.cn/1999/xhtml">

<TITLE>js二級橫向滑動導航菜單 - </TITLE>


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

<style type=text/css>

BODY {}

UL {

LIST-STYLE-TYPE: none;

padding:0px;

margin:0px;

}

LI {

FONT-SIZE: 12px; 

COLOR: #333; 

LINE-HEIGHT: 1.5em; 

FONT-FAMILY: "宋體", Arial, Verdana;

}

.hide {

DISPLAY: none

}

#mainmenu_top UL LI .menuhover {

BACKGROUND: url(mainmenu_s.gif) no-repeat; 

COLOR: #fff;

}

#mainmenu_top UL LI A {

MARGIN-TOP: 2px;

CURSOR: pointer;

PADDING-TOP: 8px;

HEIGHT: 20px;

text-decoration: none;

}

#mainmenu_top { 

width:100%;

HEIGHT: 28px; 

display:block;

overflow:hidden;

}

#mainmenu_top UL LI {FLOAT: left}

#mainmenu_top UL LI A {

 WIDTH: 81px;

height:auto;

DISPLAY: block;

COLOR: #666666; 

TEXT-ALIGN: center; 

FONT-WEIGHT: bold; 

BACKGROUND: url(mainmenu_h.gif) no-repeat; 

}

#mainmenu_bottom {

width:100%;

height:32px;

line-height:32px;

display:block;

overflow:hidden;

BACKGROUND: url(mainmenu_bg.jpg) repeat-x

}

#mainmenu_bottom .mainmenu_rbg {

HEIGHT: 32px;

COLOR: #fff;

MARGIN-LEFT: 0px; 

PADDING: 0px 0px 0px 5px;

BACKGROUND: url(mainmenu_r.gif) no-repeat right 50%; 

}

#mainmenu_bottom UL {}

#mainmenu_bottom UL LI {

PADDING-LEFT: 8px; 

FLOAT: left; 

MARGIN-LEFT: 7px; 

HEIGHT: 32px;

}

#mainmenu_bottom UL LI.se {

FLOAT: left; 

MARGIN-LEFT: 7px; 

HEIGHT: 32px;

PADDING-LEFT: 8px; 

BACKGROUND: url(menulink_bg_l.gif) no-repeat; 

}

#mainmenu_bottom UL LI A {

COLOR: #fff; 

LINE-HEIGHT: 32px;

PADDING-RIGHT: 18px; 

DISPLAY: block;

text-decoration: none;

BACKGROUND: url(menulink_bg_normal.gif) no-repeat right 50%; 

}

#mainmenu_bottom UL LI A:hover {

BACKGROUND: url(menulink_bg_normal.gif) no-repeat right 50%;

color: #FFCC00;

}

#mainmenu_bottom UL LI A.se {

COLOR: #fff; 

LINE-HEIGHT: 32px;

PADDING-RIGHT: 18px; 

DISPLAY: block; 

BACKGROUND: url(menulink_bg_r.gif) no-repeat right 50%; 

}

</style>


<SCRIPT type=text/javascript>              

var waitting = 1;              

var secondLeft = waitting;              

var timer;                              

var sourceObj;              

var number;              

function getObject(objectId)//獲取id的函數               

    {              

        if(document.getElementById && document.getElementById(objectId)) {              

        // W3C DOM              

        return document.getElementById(objectId);              

        } else if (document.all && document.all(objectId)) {              

        // MSIE 4 DOM              

        return document.all(objectId);              

        } else if (document.layers && document.layers[objectId]) {              

        // NN 4 DOM.. note: this won't find nested layers              

        return document.layers[objectId];              

        } else {              

        return false;              

        }              

    }              

function SetTimer()//主導航時間延遲的函數              

    {              

        for(j=1; j <10; j++){              

            if (j == number){              

                if(getObject("mm"+j)!=false){              

                    getObject("mm"+ number).className = "menuhover";              

                    getObject("mb"+ number).className = "";              

                }              

            }              

            else{              

                 if(getObject("mm"+j)!=false){               

                    getObject("mm"+ j).className = "";              

                    getObject("mb"+ j).className = "hide";               

                }              

            }              

        }              

    }              

function CheckTime()//設置時間延遲后              

    {              

        secondLeft--;              

        if ( secondLeft == 0 )              

        {              

        clearInterval(timer);                                      

        SetTimer();                      

        }              

    }              

function showM(thisobj,Num)//主導航鼠標滑過函數,帶時間延遲              

    {              

        number = Num;              

        sourceObj = thisobj;              

        secondLeft = 1;              

        timer = setTimeout('CheckTime()',100);              

    }              

function OnMouseLeft()//主導航鼠標移出函數,清除時間函數              

    {              

        clearInterval(timer);              

    }              

</SCRIPT> 




<!--導航開始-->

<DIV id=mainmenu_body> 

<!--主導航開始-->

    <DIV id=mainmenu_top> 

        <UL> 

        <LI><A id=mm1 onmouseover=showM(this,1); onmouseout=OnMouseLeft(); href="#" target=_parent>網站首頁</A> </LI> 

        <LI><A id=mm2 onmouseover=showM(this,2); onmouseout=OnMouseLeft(); href="#" target=_parent>JS代碼</A> </LI> 

        <LI><A id=mm3 onmouseover=showM(this,3); onmouseout=OnMouseLeft(); href="#" target=_parent>電子商務</A> </LI> 

        <LI><A id=mm4 onmouseover=showM(this,4); onmouseout=OnMouseLeft(); href="#" target=_parent>免費模板</A> </LI> 

        <LI><A id=mm5 onmouseover=showM(this,5); onmouseout=OnMouseLeft(); href="#" target=_parent>建站技巧</A> </LI> 

        <LI><A id=mm6 onmouseover=showM(this,6); onmouseout=OnMouseLeft(); href="#" target=_parent>CSS技巧</A> </LI> 

        <LI><A id=mm7 onmouseover=showM(this,7); onmouseout=OnMouseLeft(); href="#" target=_parent>CSS導航菜單</A> </LI> 

        <LI style="DISPLAY: none"><A id=mm8 onmouseover=showM(this,8); onmouseout=OnMouseLeft(); href="#" target=_parent>網絡營銷</A> </LI> 

        <LI><A id=mm9 onmouseover=showM(this,9); onmouseout=OnMouseLeft(); href="#" target=_parent>SEO優化</A> </LI></UL>

    </DIV> 

<!--子導航導航開始-->

    <DIV id=mainmenu_bottom> 

    

        <DIV class=mainmenu_rbg>

         

            <UL class=hide id=mb1> 

            <LI><A href="#">免費模板-網頁模板下載</A> </LI> 

            <LI><A href="#">網站公告：免費模板征集友情鏈接</A> </LI> 

</UL> 

            

            <UL class=hide id=mb2> 

            <LI style="DISPLAY: none"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>網頁特效</A> </LI></UL> 

            

            <UL class=hide id=mb3> 

            <LI style="DISPLAY: none"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI style="MARGIN-LEFT: 7px"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網頁特效</A> </LI></UL> 

            

            <UL class=hide id=mb4> 

            <LI style="DISPLAY: none; MARGIN-LEFT: 80px"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI style="MARGIN-LEFT: 80px"><A href="#" target=_parent>網頁特效</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI></UL> 

            

            <UL class=hide id=mb5> 

            <LI style="DISPLAY: none"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI style="MARGIN-LEFT: 80px"><A href="#" target=_parent>服務器租用首頁</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>超級機房</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI></UL> 

            

            <UL class=hide id=mb6> 

            <LI style="DISPLAY: none"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI style="MARGIN-LEFT: 160px"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI></UL> 

            <UL class=hide id=mb7> 

            

            <LI style="DISPLAY: none"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI style="MARGIN-LEFT: 180px"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>個人建站</A> </LI> 

            <LI><A href="#" target=_parent>門戶建站</A> </LI></UL> 

            

            <UL class=hide id=mb8 style="DISPLAY: none"> 

            <LI style="MARGIN-LEFT: 270px"><A href="#" target=_parent>免費模板</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI></UL> 

            

            <UL class=hide id=mb9> 

            <LI style="MARGIN-LEFT: 180px"><A href="/agent/">免費模板</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI> 

            <LI><A href="#" target=_parent>網絡營銷</A> </LI></UL> 

        <script >


function mmenuURL()//主導航、二級導航顯示函數

{

var thisURL = document.URL;

tmpUPage = thisURL.split( "/" );  

thisUPage_s = tmpUPage[ tmpUPage.length-2 ]; 

thisUPage_s= thisUPage_s.toLowerCase();//小寫

//thisUPage=thisUPage.substring(0,4)


if(thisUPage_s=="test.hichina.com"||thisUPage_s=="www.net.cn"||thisUPage_s=="www.hichina.com")

{

getObject("mm1").className="menuhover"

getObject("mb1").className = "";

}

else if(thisUPage_s=="domain")

{

getObject("mm2").className="menuhover"

getObject("mb2").className = "";

}

else if(thisUPage_s=="hosting")

{

getObject("mm3").className="menuhover"

getObject("mb3").className = "";

}

else if(thisUPage_s=="mail")

{

getObject("mm4").className="menuhover"

getObject("mb4").className = "";

}

else if(thisUPage_s=="solutions"||thisUPage_s=="site"){

getObject("mm5").className="menuhover"

getObject("mb5").className = "";

}

else if(thisUPage_s=="promotion"){

getObject("mm6").className="menuhover"

getObject("mb6").className = "";

}

else if(thisUPage_s=="trade"||thisUPage_s=="phonetic"||thisUPage_s=="switchboard"||thisUPage_s=="note"){

getObject("mm7").className="menuhover"

getObject("mb7").className = "";

}

else if(thisUPage_s=="benefit"){

getObject("mm8").className="menuhover"

getObject("mb8").className = "";

}

else if(thisUPage_s=="userlogon"||thisUPage_s=="domain_service"||thisUPage_s=="hosting_service"||thisUPage_s=="mail_service"||thisUPage_s=="Payed"||thisUPage_s=="unPayed"||thisUPage_s=="Invoice"||thisUPage_s=="Finance"||thisUPage_s=="RegInfoModify"){

getObject("mm9").className="menuhover"

getObject("mb9").className = "";

}

else

{

getObject("mm1").className="";

getObject("mb1").className = "";

}

}


window.load=mmenuURL()


</script>

        </DIV> 

    </DIV>

</DIV>

</body>

</html></td>

 </tr>

</table>


--結束END--

本文鏈接: http://www.kblvmr5.cn/resources/navigation/1106.html (轉載時請注明來源鏈接)

 
本文標簽： 全部

下班PC閱讀不方便？

手機也可以隨時學習開發

微信關注公眾號“億搜云”
"億搜云平臺前端開發教學"
每日干貨技術分享
 

×

成為 億搜云平臺 代理商！

關注

微信
關注

微信掃一掃
獲取最新優惠信息

億搜云平臺公眾號

客服

聯系
客服
很高興為您服務
尊敬的用戶，歡迎您咨詢，我們為新用戶準備了優惠好禮。 咨詢客服

聯系客服:

在線QQ: 40819446

客服電話: 15250286283

售前咨詢 售后服務
在線交談 智能小云

工作時間:

周一至周五: 09:00 - 17:00

WAP

手機
訪問

移動端訪問
手機上也能選模板

億搜云平臺手機端