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)文章
IE里button設(shè)置border:none屬性無(wú)效解決方法
本文說(shuō)明了IE設(shè)置border:none屬性無(wú)效的解決方法,下面給出了二種方法,可以根據(jù)情況參考使用2013-11-11
前端獲取http狀態(tài)碼400的返回值實(shí)例
下面小編就為大家?guī)?lái)一篇前端獲取http狀態(tài)碼400的返回值實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
html頁(yè)面head區(qū)域的編碼書(shū)寫規(guī)范
我們這里所說(shuō)的head區(qū)域,是指頁(yè)頁(yè)html代碼的<head>和</head>之間的內(nèi)容。在jb51.net的文章中,主要介紹了大量的css知識(shí),而對(duì)html頁(yè)面的知識(shí)介紹并不是很多。2008-08-08
解決CSS中 display 與 visibility 的區(qū)別
查CSS手冊(cè)后發(fā)現(xiàn)了隱藏內(nèi)容原來(lái)是有區(qū)別的,一種是保留對(duì)象的物理空間,一種是不保留2007-03-03
資料:Unicode 漢字內(nèi)碼對(duì)應(yīng)表
資料:Unicode 漢字內(nèi)碼對(duì)應(yīng)表...2007-03-03

