◆最新編輯◆ 滾動條框制作方法與代碼
╠博客學(xué)堂╣ 2008-02-08 17:48:34 閱讀1757 評論79 字號：大中小
滾動條框基本樣式 左側(cè)滾動條框代碼
滾動條框樣式與代碼（一）滾動條框樣式與代碼（二）滾動條框樣式與代碼（三）滾動條框樣式與代碼（四）滾動條框樣式與代碼（五）滾動條框制作方法與代碼1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div style="WIDTH: 225; HEIGHT: 300; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033" align=left>輸入你的內(nèi)容</DIV>
以上代碼看起來比較復(fù)雜，實(shí)際應(yīng)用往往不需要搞這么多東西，用下面這個代碼便是一個很簡單的滾動文本框。要做修飾的話就適當(dāng)加入其他的代碼。
<DIV align=center style="WIDTH: 300px; HEIGHT: 150px; OVERFLOW: auto; ">輸入你的內(nèi)容</DIV>
滾動條框代碼注釋詳解：
align=center //文本框中文字的對齊方式，可用center/left/right分別對應(yīng)中/左/右
WIDTH: 300px; //寬度300像素
HEIGHT: 150px; //高度150像素
OVERFLOW: auto; //超出范圍時使用滾動條（auto可用scroll代替。用auto會自動適應(yīng)，即文本的寬或高超出預(yù)設(shè)的的值，才會出現(xiàn)橫或豎 滾動條；而用scroll則無論如何都會出現(xiàn)橫豎滾動條。一般用auto會比較美觀）
COLOR: #000000; //框內(nèi)文本顏色（當(dāng)然這是默認(rèn)值，如果文本設(shè)置了其他顏色則會顯示相應(yīng)的顏色）
BACKGROUND-COLOR: #CCCCCC; //背景色,如果要用透明背景就不寫這一句
SCROLLBAR-FACE-COLOR: #00FF00; //滾動條中間可以拉的部分和箭頭旁邊部分的顏色
SCROLLBAR-TRACK-COLOR: #00FFFF; //滾動條中間可以拉的部分以外的顏色
SCROLLBAR-ARROW-COLOR: #FFFF00; //箭頭部分的顏色
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF; //豎滾動條左側(cè)邊框和橫滾動條上側(cè)的顏色（用于顯示立體之用）
SCROLLBAR-3DLIGHT-COLOR: #0000FF; //豎滾動條左側(cè)邊框和橫滾動條上側(cè)的顏色（用于顯示立體之用）
SCROLLBAR-SHADOW-COLOR: #0000FF; //豎滾動條右側(cè)邊框和橫滾動條下側(cè)的顏色（用于顯示陰影之用）
SCROLLBAR-DARKSHADOW-COLOR: #0000FF; //豎滾動條右側(cè)邊框和橫滾動條下側(cè)的顏色（用于顯示陰影之用）
BORDER-TOP: red 2px solid;
BORDER-BOTTOM: red 2px solid;
BORDER-LEFT: red 2px solid;
BORDER-RIGHT: red 2px solid;
//分別表示文本框的上、下、左、右邊框的顏色（可用16進(jìn)制數(shù)值表示）、粗細(xì)和狀態(tài)（solid表示實(shí)線，可選的值有dashed表示虛線，double表示雙線，outset表示外凸）。還有可以直接使用 border: red solid 2px 來整體定義邊框。
OVERFLOW-X: Hidden; //強(qiáng)制隱藏X軸滾動條
OVERFLOW-Y: Hidden; //強(qiáng)制隱藏Y軸滾動條
滾動條框樣式與代碼（一）滾動條框樣式與代碼（二）滾動條框樣式與代碼（三）滾動條框樣式與代碼（四）滾動條框樣式與代碼（五）滾動條框制作方法與代碼Q仔*網(wǎng)易博客聲明：轉(zhuǎn)載本站內(nèi)容請遵循“署名·非商業(yè)用途·保持一致”的創(chuàng)作共用協(xié)議。正常引用··拒絕盜版··所有內(nèi)容不得刪除篡改（包括本站所有鏈接）··祝您閱覽愉快！
博客學(xué)堂電腦學(xué)堂素材超市軟件教程博客代碼精美圖庫音畫圖文經(jīng)典摘錄休閑娛樂藝術(shù)殿堂模塊共享收藏本站交換鏈接博友推薦查看關(guān)于本站的更多信息站內(nèi)留言灌水特區(qū)
