頁面載入條
前面也介紹過幾種進入頁面時的載入條,這裡介紹的這個是乙個無需任何製作出來的載入條。效果很精美
更適合於深色頁面內的放入:
為了讓大家能聯連貫地看學好下面的步驟,所以此例項載入後的頁面還是原頁面。
製作方法
將下面的**複製到裡
將下面的**複製到裡
將下面的**複製到~裡
例項注釋:
定義載入條屬性:
border-right: #ffffff 1px solid;
// 右邊框邊及寬度
border-top: #ffffff 1px solid; //
頂邊框邊及寬度
background: #00ccff; //
背景色width: 400px; //
圖層寬度
border-bottom: #cccccc 1px solid;
// 底邊框邊及寬度
height: 14px;
// 高度
text-align: left">
至此你就可以完成這個例項了,快去試試吧!
控制頁面滾動條
在預設情況下,頁面載入完後預設滾動在最頂端,有些時候我們需要在頁面開啟後,定位滾動條的位置,比如,橫向和縱向滾動條居中,實現頁面滾動的方法有三種 scroll scrollby和scrollto,三個方法都帶兩個引數 x x軸上的偏移量 和y y軸上的偏移量 因此我們只需修改x,y的偏移量來設定滾動...
定義頁面滾動條樣式
滾動條樣式定義 title style type text css body style head body pre body css屬性屬性說明 scrollbar 3dlight color滾動條亮邊框顏色 scrollbar arrow color滾動條方向箭頭的顏色 scrollbar da...
html頁面滾動條設定
1 overflow內容溢位時的設定 設定被設定物件是否顯示滾動條 overflow x水平方向內容溢位時的設定 overflow y垂直方向內容溢位時的設定 以上三個屬性設定的值為visible 預設值 scroll hidden auto。2 scrollbar 3d light color立體...