html滾動條樣式
更新時間:2008年08月21日 21:26:35 作者:
對于頁面的滾動條實現(xiàn)效果代碼,整理的比較全的,講解的也比較詳細(xì)了
一、滾動條的軌跡,記作:scrollbar-track。所謂“軌跡”,指滾動條的滑動塊運行時所必經(jīng)的路線。 二、滾動條的滑動塊,即在它上面按下鼠標(biāo)左鍵不放可上下或左右移動的滑動塊以及滾動條兩頭的小方塊,記作:scrollbar-face。face即滾動條的“臉”,注意它有三張“臉”:滑動條和兩頭的小方塊。
三、滾動條亮邊框部分,記作:scrollbar-highlight。這個亮邊框,和表格的亮邊框概念是一樣的,即左邊和上邊部分,滾動條的亮邊框部分是指滾動條的“臉”(即滑動塊和兩頭小方塊)的亮邊框。
四、滾動條亮邊框部分的外圍還有一個立體修飾部分,記作scrollbar-3dlight。3d即立體的意思,它將包圍在滾動條亮邊框部分的外邊。
五、滾動條陰影部分,指主滑塊和兩頭方塊的陰影,位于左邊和左下,記作:scrollbar-shadow。
六、滾動條陰影部分還有一個強陰影部分,記作scrollbar-darkshadow,它包圍在陰影部分的外邊。
七、滾動條兩頭方志標(biāo)志箭頭,記作:scrollbar-arrow,箭頭方向為向下、向上、向左、向右。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
三、滾動條亮邊框部分,記作:scrollbar-highlight。這個亮邊框,和表格的亮邊框概念是一樣的,即左邊和上邊部分,滾動條的亮邊框部分是指滾動條的“臉”(即滑動塊和兩頭小方塊)的亮邊框。
四、滾動條亮邊框部分的外圍還有一個立體修飾部分,記作scrollbar-3dlight。3d即立體的意思,它將包圍在滾動條亮邊框部分的外邊。
五、滾動條陰影部分,指主滑塊和兩頭方塊的陰影,位于左邊和左下,記作:scrollbar-shadow。
六、滾動條陰影部分還有一個強陰影部分,記作scrollbar-darkshadow,它包圍在陰影部分的外邊。
七、滾動條兩頭方志標(biāo)志箭頭,記作:scrollbar-arrow,箭頭方向為向下、向上、向左、向右。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
CSS網(wǎng)頁布局入門教程11:帶當(dāng)前標(biāo)識的標(biāo)簽式橫向?qū)Ш綀D片美化版
CSS網(wǎng)頁布局入門教程11:帶當(dāng)前標(biāo)識的標(biāo)簽式橫向?qū)Ш綀D片美化版...2007-09-09Default style sheet for HTML 4
Default style sheet for HTML 4...2007-03-03HTTP協(xié)議常用的請求頭和響應(yīng)頭響應(yīng)詳解說明(學(xué)習(xí))
HTTP請求頭提供了關(guān)于請求,響應(yīng)或者其他的發(fā)送實體的信息。HTTP的頭信息包括通用頭、請求頭、響應(yīng)頭和實體頭四個部分。通常HTTP消息包括客戶機向服務(wù)器的請求消息和服務(wù)器向客戶機的響應(yīng)消息。2023-02-02CSS網(wǎng)頁布局入門教程14:縱向下拉及多級彈出式菜單
CSS網(wǎng)頁布局入門教程14:縱向下拉及多級彈出式菜單...2007-09-09