所謂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編輯模式下編寫代碼,發佈前將“自動修正”前的“√”去掉


創作者介紹

經驗交流分享與備忘

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