html滾動(dòng)條樣式

2020-10-23 18:32:54

字體：大中小

供稿：網(wǎng)友

一、滾動(dòng)條的軌跡，記作：scrollbar-track。所謂“軌跡”，指滾動(dòng)條的滑動(dòng)塊運(yùn)行時(shí)所必經(jīng)的路線。二、滾動(dòng)條的滑動(dòng)塊，即在它上面按下鼠標(biāo)左鍵不放可上下或左右移動(dòng)的滑動(dòng)塊以及滾動(dòng)條兩頭的小方塊，記作：scrollbar-face。face即滾動(dòng)條的“臉”，注意它有三張“臉”：滑動(dòng)條和兩頭的小方塊。
三、滾動(dòng)條亮邊框部分，記作：scrollbar-highlight。這個(gè)亮邊框，和表格的亮邊框概念是一樣的，即左邊和上邊部分，滾動(dòng)條的亮邊框部分是指滾動(dòng)條的“臉”（即滑動(dòng)塊和兩頭小方塊）的亮邊框。
四、滾動(dòng)條亮邊框部分的外圍還有一個(gè)立體修飾部分，記作scrollbar-3dlight。3d即立體的意思，它將包圍在滾動(dòng)條亮邊框部分的外邊。
五、滾動(dòng)條陰影部分，指主滑塊和兩頭方塊的陰影，位于左邊和左下，記作：scrollbar-shadow。
六、滾動(dòng)條陰影部分還有一個(gè)強(qiáng)陰影部分，記作scrollbar-darkshadow，它包圍在陰影部分的外邊。
七、滾動(dòng)條兩頭方志標(biāo)志箭頭，記作：scrollbar-arrow，箭頭方向?yàn)橄蛳隆⑾蛏稀⑾蜃蟆⑾蛴摇?BR>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

上一篇：iframe transparent透明背景方法

下一篇：html頁面head區(qū)域的編碼書寫規(guī)范