滚动拉条代码
效果 ①
代码:↓ <DIV style="SCROLLBAR-FACE-COLOR: #9ebfe8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 210px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9ebfe8; HEIGHT: 280px; BACKGROUND-COLOR: transparent; scrollbar-shadow-: #FFFFFF; scrollbar-3dlight-: #9EBFE8; scrollbar-track-: #FFFFFF"> 这里书写内容 </DIV>
注: 代码中的蓝色部分和绿色部分均可自己设置,以下 9款如同~~~~~!
效果②
这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #59ADBB; scrollbar-track-color: #FFFFFF; scrollbar-3dlight-color: #59ADBB; scrollbar-darkshadow-color: #59ADBB">这里输入内容</div>
效果③ 这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#ffffff">这里输入内容</div>
效果④
这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; 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">这里输入内容</div>
这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:5A5227; scrollbar-arrow-color:FFF8C5; scrollbar-base-colorDD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-colorDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227">这里输入内容</div>
效果⑥ 这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #DB52BC; scrollbar-shadow-color: #E994D6; scrollbar-highlight-color: #E994D6; scrollbar-3dlight-color: #DB52BC; scrollbar-darkshadow-color: #DB52BC; scrollbar-track-color: #E994D6; scrollbar-arrow-color: #FFFFFF">这里输入内容</div>
效果⑦
这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #DB52BC; scrollbar-shadow-color: #E994D6; scrollbar-highlight-color: #E994D6; scrollbar-3dlight-color: #DB52BC; scrollbar-darkshadow-color: #DB52BC; scrollbar-track-color: #E994D6; scrollbar-arrow-color: #FFFFFF">这里输入内容</div>
效果⑧
这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CCFF00; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF">这里输入内容</div>
效果⑨
这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#0000FF; scrollbar-arrow-color:white; scrollbar-track-color:white; scrollbar-darkshadow-color:#0000FF; scrollbar-face-color:#0000FF; scrollbar-highlight-color:white; scrollbar-shadow-color:white">这里输入内容</div>
效果⑩ 这里输入内容
代码:↓ <div style="WIDTH: 210; HEIGHT: 280; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #222222; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #222222; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #222222; scrollbar-track-color: #222222; scrollbar-arrow-color: #222222">这里输入内容</div>
|
|