lt！doctypehtml lthtml lthead ltmetacharset=quotutf8quot lttitle隱藏lttitle lt！div就是找到class=quotdivquot的信息，hide就是將對(duì)象隱藏起來深圳網(wǎng)站建設(shè) ltscripttype=quottextjavascriptquotsrc=quotjsjquery。

2在indexhtml中的ltscript標(biāo)簽，輸入js代碼$#39button#39clickfunction$#39#123#39css#39display#39，#39block#393瀏覽器運(yùn)行indexhtml頁面，此時(shí)點(diǎn)擊btn按鈕后，div的內(nèi)容成功被顯示了出來。

$quot#divquothide 第1，3，5，7，8，9次點(diǎn)擊按鈕，div隱藏 ， function $quot#divquotshow 第2，4，6，8次點(diǎn)擊按鈕，div顯示。

1需要結(jié)合JavaScript實(shí)現(xiàn)，首先打開sublime text編輯器，新建一個(gè)html文件，寫入一個(gè)標(biāo)簽和彈出層div，分別設(shè)置它們的鼠標(biāo)移入和移出事件最后簡(jiǎn)單的設(shè)置兩個(gè)html標(biāo)簽的樣式，讓彈出層默認(rèn)隱藏，設(shè)置彈出層的大小背景等屬性2。

1首先我們?cè)趆tml里定義一個(gè)div，id為‘mouse_div’，然后定義該div的樣式，主要是定義position，讓其絕對(duì)定位2然后通過JS腳本來做隨鼠標(biāo)移動(dòng)的效果先引入jquery腳本，因?yàn)橛玫絡(luò)query操作dom3最后添加代碼，在頁面。

再點(diǎn)擊返回按鈕，div隱藏，頁面上所有的內(nèi)容再顯示出來 ltp style=quotborder2px dashed greenquot ltinput type=quotbuttonquot name=quotshowandhidequot value=quot按鈕quot id=quotbuttonquot ltbr ltbr ltp lt。

5為button按鈕添加一個(gè)點(diǎn)擊后隱藏事件點(diǎn)擊button按鈕后，把隱藏的div的display修改為block，這樣點(diǎn)擊后div就會(huì)顯示了6保存好html后使用瀏覽器打開，點(diǎn)擊button按鈕就會(huì)發(fā)現(xiàn)隱藏的div就會(huì)顯示出來了。