html滾動(dòng)條樣式
更新時(shí)間:2008年08月21日 21:26:35 作者:
對(duì)于頁(yè)面的滾動(dòng)條實(shí)現(xiàn)效果代碼,整理的比較全的,講解的也比較詳細(xì)了
一、滾動(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需再刷新一下頁(yè)面才能執(zhí)行]
三、滾動(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需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
CSS網(wǎng)頁(yè)布局入門(mén)教程11:帶當(dāng)前標(biāo)識(shí)的標(biāo)簽式橫向?qū)Ш綀D片美化版
CSS網(wǎng)頁(yè)布局入門(mén)教程11:帶當(dāng)前標(biāo)識(shí)的標(biāo)簽式橫向?qū)Ш綀D片美化版...2007-09-09收集的web頁(yè)面html中常用的特殊符號(hào)大全
收集的web頁(yè)面html中常用的特殊符號(hào)大全...2007-03-03Default style sheet for HTML 4
Default style sheet for HTML 4...2007-03-03HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說(shuō)明(學(xué)習(xí))
HTTP請(qǐng)求頭提供了關(guān)于請(qǐng)求,響應(yīng)或者其他的發(fā)送實(shí)體的信息。HTTP的頭信息包括通用頭、請(qǐng)求頭、響應(yīng)頭和實(shí)體頭四個(gè)部分。通常HTTP消息包括客戶機(jī)向服務(wù)器的請(qǐng)求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。2023-02-02CSS網(wǎng)頁(yè)布局入門(mén)教程14:縱向下拉及多級(jí)彈出式菜單
CSS網(wǎng)頁(yè)布局入門(mén)教程14:縱向下拉及多級(jí)彈出式菜單...2007-09-09