這篇文章主要講解了“javascript如何實(shí)現(xiàn)隱藏下拉框”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“javascript如何實(shí)現(xiàn)隱藏下拉框”吧！

創(chuàng)新互聯(lián)制作網(wǎng)站網(wǎng)頁找三站合一網(wǎng)站制作公司,專注于網(wǎng)頁設(shè)計,成都網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)站設(shè)計,企業(yè)網(wǎng)站搭建,網(wǎng)站開發(fā),建網(wǎng)站業(yè)務(wù),680元做網(wǎng)站,已為近千家服務(wù),創(chuàng)新互聯(lián)網(wǎng)站建設(shè)將一如既往的為我們的客戶提供最優(yōu)質(zhì)的網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷推廣服務(wù)!

javascript實(shí)現(xiàn)隱藏下拉框效果的方法：【function moreCon(){ var backg = document.getElementById('colorChange'); var mdiv = document...】。

本文操作環(huán)境：windows10系統(tǒng)、javascript 1.8.5、thinkpad t480電腦。

點(diǎn)擊顯示或隱藏下拉框是工作中常見的一種效果，那么這種效果該如何實(shí)現(xiàn)呢？

我們先來看下實(shí)現(xiàn)后的效果：

具體實(shí)現(xiàn)代碼：

    html,body,div,ul,li{padding: 0;margin: 0;}
    li{list-style: none;}
    a{text-decoration: none;color: #ccc;font-size: 13px;}
    #top{width: 100%;background: #2D2D2D;height: 30px;}
    .topli{float: left;height: 30px;line-height: 30px;}
    .topli a{display:block;padding: 0 14px;height: 30px;}
    .topli a:hover{background:#444;}
    .more{position: absolute;top: 30px;background: #fff;display: none;border: 1px solid #c2c2c2;z-index: 999;border-top: none;}
    .more a{color: #3366CC;}
    .more a:hover{background: #f0f0f0;}


    function moreCon(){
        var backg = document.getElementById('colorChange');  //定義變量
        var mdiv = document.getElementById('moreContent');
        if (mdiv.style.display=='block') {                  //if else判斷ID為moreContent的display是否為block   “==”為“等于” 為比較運(yùn)算符
            mdiv.style.display='none';
            backg.style.background='#2D2D2D';                //修改樣式
            backg.style.color='#ccc';
        }
        else
            {
                mdiv.style.display='block';
                backg.style.background='#fff';
                backg.style.color='#3366CC';
            }
    }





    搜索
    圖片
    地圖
    新聞
    
        更多
        
        
            

                
云端硬盤
                
日歷
                
翻譯
                
Blogger