側邊欄的顯現以及面紗效果

2021-08-18 01:38:22 字數 499 閱讀 7324

充斥整個頁面

一面紗設定

1使div固定定位 position:fixed;top:0;right:0;buttom:0;left:0;

2設定透明度rgba(0,0,0,0.2)

二側邊欄設定

1使div固定定位 position:fixed;top:0;right:0;buttom:0;width:300px;(使左邊留有距離)right:-300px(隱藏側邊欄)

2設定ul

a.去下劃線

b.padding magin為0

3設定a標籤

a.設定inline-block可設定寬高

b.設定間隙padding:20px, 0;

c.設定整行width:100%

三觸發事件

a顯現方法

1顯現面紗

2顯現側邊欄// .css('right',0);

a隱藏方法

1隱藏面紗  (1000)

b.註冊單擊事件

側邊欄SlidingMenu的應用

1.將slidingmenu打包並匯入到專案中 2.引入包名 3.繼承slidingactivity並實現oncreate方法,在oncreate方法中一定要設定 set the behind view設定slidingmenu的布局樣式 setbehindcontentview r.layout....

PS布局 側邊欄的設定

看見別人的ps有乙個側邊欄,但是自己剛開始怎麼設定都沒有設定出來,後面注意到了乙個拖動藍色提示後,就輕鬆做出來了。直接拖動需要靠邊的視窗到ps軟體的最右側,此時會出現藍色提示 這個時候就可以鬆開滑鼠左鍵了。如果只是拖動到中間位置就會出現下面的情況 圖層的部分並沒有在一起。所以需要將需要排在下面的視窗...

sublime text3側邊欄的修改

一 找到對應主題的配置檔案 二 首選項 設定 使用者 開啟下面檔案,其中font size的值可以控制文字視窗字型的大小 三 修改這個檔案 搜尋sidebar 可以找到關於側邊欄的資料,修改color可以改變顏色 sidebar container sidebar tree sidebar rows...