html點擊顯示隱藏div(html中如何設(shè)置div隱藏)
lt!doctypehtml lthtml lthead ltmetacharset=quotutf8quot lttitle隱藏lttitle lt!div就是找到class=quotdivquot的信息,hide就是將對象隱藏起來深圳網(wǎng)站建設(shè) ltscripttype=quottextjavascriptquotsrc=quotjsjquery。
2在indexhtml中的ltscript標簽,輸入js代碼$#39button#39clickfunction$#39#123#39css#39display#39,#39block#393瀏覽器運行indexhtml頁面,此時點擊btn按鈕后,div的內(nèi)容成功被顯示了出來。
$quot#divquothide 第1,3,5,7,8,9次點擊按鈕,div隱藏 , function $quot#divquotshow 第2,4,6,8次點擊按鈕,div顯示。
1需要結(jié)合JavaScript實現(xiàn),首先打開sublime text編輯器,新建一個html文件,寫入一個標簽和彈出層div,分別設(shè)置它們的鼠標移入和移出事件最后簡單的設(shè)置兩個html標簽的樣式,讓彈出層默認隱藏,設(shè)置彈出層的大小背景等屬性2。
1首先我們在html里定義一個div,id為‘mouse_div’,然后定義該div的樣式,主要是定義position,讓其絕對定位2然后通過JS腳本來做隨鼠標移動的效果先引入jquery腳本,因為用到j(luò)query操作dom3最后添加代碼,在頁面。
再點擊返回按鈕,div隱藏,頁面上所有的內(nèi)容再顯示出來 ltp style=quotborder2px dashed greenquot ltinput type=quotbuttonquot name=quotshowandhidequot value=quot按鈕quot id=quotbuttonquot ltbr ltbr ltp lt。
5為button按鈕添加一個點擊后隱藏事件點擊button按鈕后,把隱藏的div的display修改為block,這樣點擊后div就會顯示了6保存好html后使用瀏覽器打開,點擊button按鈕就會發(fā)現(xiàn)隱藏的div就會顯示出來了。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。