js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框_javascript技巧
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:20:35
js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框_javascript技巧
js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框_javascript技巧:今天寫一個(gè)小實(shí)例，用js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實(shí)現(xiàn)：1，用js控制其顯示屬性；2，用js控制其大小。 今天要說的就是通過控制其大小來實(shí)現(xiàn)元素的顯隱，原理：為其注冊(cè)
導(dǎo)讀js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框_javascript技巧:今天寫一個(gè)小實(shí)例，用js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實(shí)現(xiàn)：1，用js控制其顯示屬性；2，用js控制其大小。 今天要說的就是通過控制其大小來實(shí)現(xiàn)元素的顯隱，原理：為其注冊(cè)
今天寫一個(gè)小實(shí)例，用js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實(shí)現(xiàn)：1，用js控制其顯示屬性；2，用js控制其大小。
今天要說的就是通過控制其大小來實(shí)現(xiàn)元素的顯隱，原理：為其注冊(cè)鼠標(biāo)移入、移出的事件，當(dāng)鼠標(biāo)移出對(duì)象范圍，將其寬度設(shè)為1，當(dāng)鼠標(biāo)再次移入該對(duì)象，將其寬度還原。很簡(jiǎn)單，我們一起看看吧！
隱藏狀態(tài)：
左邊那一條窄線就是隱藏以后的懸浮框。
顯示狀態(tài)：
當(dāng)鼠標(biāo)滑到左邊的懸浮框上，懸浮框就又顯示出來了。
CSS樣式：
代碼如下:
JS代碼：
代碼如下:
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框_javascript技巧
js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框_javascript技巧:今天寫一個(gè)小實(shí)例，用js和css寫一個(gè)可以自動(dòng)隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實(shí)現(xiàn)：1，用js控制其顯示屬性；2，用js控制其大小。 今天要說的就是通過控制其大小來實(shí)現(xiàn)元素的顯隱，原理：為其注冊(cè)
