1打開(kāi)dw軟件并創(chuàng)建一個(gè)新文檔2在dw中，編寫(xiě)以下css樣式 mengsb width648px margin0px autojixing1 a positionrelative width320px margin0 0px 0 0 floatleft height232px；需要使用到j(luò)s，獲取到點(diǎn)擊按鈕 聲明一個(gè)變量為 var flag = false 當(dāng)點(diǎn)擊時(shí) ifflag flag = true ， 把要顯示的元素設(shè)置display為else flag= false， display設(shè)置為block。

一個(gè)是判斷Pl的狀態(tài)，從而更換IC的文字內(nèi)容如果jQuery的版本在19之前，可以使用toggle方法，來(lái)替代你的click，它可以自動(dòng)切換點(diǎn)擊事件，19版本之后，取消了這個(gè)切換事件的方法，只保留了顯示隱藏，稍后有代碼說(shuō)明當(dāng)；mc1_visible=0注這里是設(shè)實(shí)例mc1不可見(jiàn) 在第二個(gè)按鈕上加代碼on press mc1_visible=1注這里是設(shè)實(shí)例mc1可見(jiàn) FLASH MX中，第一次單擊按鈕一個(gè)圖片隱藏，第二次單擊按鈕該圖片重新顯示如何實(shí)現(xiàn) 按。

jQuery提供了toggle函數(shù)用于切換顯示和隱藏顯示被隱藏的元素，隱藏已顯示的元素，示例代碼切換顯示我是目標(biāo)元素$documentreadyfunction $quotbuttonquotclickfunction $quot#testquottoggle；使用jquery的toggle方法進(jìn)行圖片切換function quot#h1quottogglefunction quot#h1quotcssquotbackgroundimagequot，quot路徑#3901b54e6jpg#39quot，function quot#h1quotcssquotbackgroundimagequot，quot路徑。

quotselectquothide 隱藏下拉框$quotselectquotshow 顯示下拉框$quotselectquottoggle 如果下拉框是顯示的則隱藏之，反之亦然示例代碼如下 創(chuàng)建Html元素 點(diǎn)擊按鈕可以顯示或隱藏下拉框請(qǐng)；查看網(wǎng)頁(yè)源代碼右鍵點(diǎn)擊網(wǎng)頁(yè)上的隱藏文字區(qū)域，選擇“查看頁(yè)面源代碼”選項(xiàng)在打開(kāi)的源代碼頁(yè)面中，可以搜索隱藏文字的標(biāo)簽或CSS類名，并查看其樣式屬性如果找到相關(guān)的樣式屬性，可以嘗試刪除或修改相關(guān)的CSS規(guī)則來(lái)顯示隱藏。

2然后引入Jquery的庫(kù)文件，編寫(xiě)代碼首先獲取a標(biāo)簽的dom并給它加一個(gè)click事件，在click的回調(diào)中判斷div是否為隱藏狀態(tài)，是的話就隱藏div否則就顯示div3最后來(lái)到編輯器右側(cè)的瀏覽器，可以看到此時(shí)div是顯示的4點(diǎn)擊。

案例一控制html元素顯示和隱藏有n種方法html的hiddencss的displayjquery的hide和showbootstrap的hide今天的重點(diǎn)不是顯示和隱藏，而是監(jiān)聽(tīng)某個(gè)布爾變量值，自動(dòng)改變?cè)仫@示和隱藏狀態(tài)監(jiān)聽(tīng)函數(shù)if判斷選擇；5使用css設(shè)置div隱藏display，并且設(shè)置div內(nèi)的文字顏色為紅色colorred6使用css設(shè)置li的hover屬性，實(shí)現(xiàn)當(dāng)鼠標(biāo)放在li標(biāo)簽內(nèi)的a鏈接上面時(shí)，通過(guò)把div的display屬性設(shè)置為block，把div顯示出來(lái)7在瀏覽器。

1給鼠標(biāo)經(jīng)過(guò)的DIV添加一個(gè)類 ，類名為submeau如下圖2給顯示或者隱藏的DIV，添加一個(gè)ID，ID名為id=quotoa_submeauquot，如下圖3將以下的JQUERY代碼放在整個(gè)網(wǎng)頁(yè)的最底部，用于控制鼠標(biāo)經(jīng)過(guò)顯示DIV，離開(kāi)隱藏DIV；css#39display#39 == #39#39 #39#ChildMenu1#39css#39display#39， #39block#39 else #39#ChildMenu1#39css#39display#39， #39#39 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)點(diǎn)擊按鈕即可讓菜單顯示或隱藏。

我們大家在瀏覽網(wǎng)頁(yè)的時(shí)偶爾會(huì)看到很漂亮的各種顏色樣式的滾動(dòng)條，這就是通過(guò)css代碼控制來(lái)實(shí)現(xiàn)的，于是本人搜集整理一番，這里和大家分享一下使用CSS設(shè)置滾動(dòng)條顏色以及如何去掉滾動(dòng)條的方法，需要的朋友可以參考下，很有用的；CSS中的display和visibility 1隱藏一個(gè)元素可以通過(guò)把display屬性設(shè)置為quotquot，或把visibility屬性設(shè)置為quothiddenquot但是請(qǐng)注意，這兩種方法會(huì)產(chǎn)生不同的結(jié)果2visibilityhidden可以隱藏某個(gè)元素，但隱藏的元素仍需占用與未。