今天寫乙個小例項，用js和css寫乙個可以自動隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實現：1，用js控制其顯示屬性；2，用js控制其大小。
今天要說的就是通過控制其大小來實現元素的顯隱，原理：為其註冊滑鼠移入、移出的事件，當滑鼠移出物件範圍，將其寬度設為1，當滑鼠再次移入該物件，將其寬度還原。很簡單，我們一起看看吧！
隱藏狀態：
左邊那一條窄線就是隱藏以後的懸浮框。
顯示狀態：
當滑鼠滑到左邊的懸浮框上，懸浮框就又顯示出來了。
css樣式：
學生資訊
學號：0123456789
姓名：小明
學院：軟體學院
專業：軟體工程
班級：一班
菜鳥學JS（三） 自動隱藏的懸浮框
今天寫乙個小例項，用js和css寫乙個可以自動隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實現 1，用js控制其顯示屬性 2，用js控制其大小。今天要說的就是通過控制其大小來實現元素的顯隱，原理 為其註冊滑鼠移入 移出的事件，當滑鼠移出物件範圍，將其...
菜鳥學JS（三） 自動隱藏的懸浮框
今天寫乙個小例項，用js和css寫乙個可以自動隱藏的懸浮框。css肯定是用來控制樣式的，js用來控制器顯示與隱藏的。顯示與隱藏通常有兩種方法實現 1，用js控制其顯示屬性 2，用js控制其大小。今天要說的就是通過控制其大小來實現元素的顯隱，原理 為其註冊滑鼠移入 移出的事件，當滑鼠移出物件範圍，將其...
隨頁面滾動定位的側邊欄div懸浮框js外掛程式
由於平常寫 的時候經常遇到有乙個側邊欄懸浮框，需要伴隨網頁的滾動讓其一直處於視窗的可見區域，於是就寫了乙個基於jquery的通用的小外掛程式方便以後開發。具體效果如下圖所示 本外掛程式充分考慮了實際開發當中的各種需求，其中主要包括 1 頁面自適應 2 避免公共固定頭部和尾部的影響 3 當主體區域高度...