所謂DIV捲軸，就是利用DIV標簽，在裏面嵌入CSS樣式表，加入overflow的屬性值，這樣，當div所規範的區域內的內容達到一定程式時，捲軸就派上用場。其功能大約是為了節約頁面空間，就是所謂的“縮地”了。看看效果如何吧
參考核心代碼：

<DIV style="PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;SCROLLBAR-FACE-COLOR:#ffffff;FONT-SIZE:11pt;PADDING-BOTTOM:0px;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;OVERFLOW:auto;WIDTH:510px;SCROLLBAR-SHADOW-COLOR:#919192;COLOR:blue;SCROLLBAR-3DLIGHT-COLOR:#ffffff;LINE-HEIGHT:100%;SCROLLBAR-ARROW-COLOR:#919192;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#ffffff;FONT-FAMILY:細明體;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;LETTER-SPACING:1pt;HEIGHT:200px;TEXT-ALIGN:left">

捲軸相關顏色屬性：

face-color：滑塊顏色
hightlight-color：高亮顏色
3dlight-color：三維光線顏色
darkshadow-color：暗影顏色
shadow-color：陰影顏色
arrow-color：箭頭顏色
tack-color：滑道顏色

捲軸屬性
overflow：auto為自動，yes為有，no為無
overflow-x：橫向捲軸
overflow-y：縱向捲軸

注意：
在論壇中，要成功使用DIV捲軸，需要在HTML編輯模式下編寫代碼，發佈前將“自動修正”前的“√”去掉


arrow
arrow
    全站熱搜

    Frank 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄