注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

XUE HAI BLOG

鸟瞰家乡 美丽独特 多骄如画 家乡明天更美好

 
 
 

日志

 
 

☆三款代碼不同的彩色滾動條  

2009-03-24 14:49:00|  分类: 【滾動拉條】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

三款代碼不同的彩色滾動條

效果图及代码

有背景颜色的彩色滚动条代码

<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 2px solid; SCROLLBAR-FACE-COLOR: red; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; OVERFLOW: scroll; BORDER-LEFT: 2px solid; WIDTH: 600px; SCROLLBAR-SHADOW-COLOR: #ffcc00; COLOR: red; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ff9900; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ff33ff; HEIGHT: 325px; BACKGROUND-COLOR: #336699">

代码说明:此为可设背景颜色和外边框的彩色滚动条。写好日志调整好颜色、宽 WIDTH: 600px和高HEIGHT: 325px等各项设置后将代码加在日志前面即成。

BORDER-RIGHT: BORDER-TOP:BORDER-LEFT:
BORDER-BOTTOM:下、分别为滚动条外框的右、上、左、下各框边的宽度
SCROLLBAR-FACE-COLOR:red 为以上四边颜色
BACKGROUND-COLOR:  为滚动条框内的背景颜色
SCROLLBAR-HIGHLIGHT-COLOR:  滚动条凸出部分上边的颜色
SCROLLBAR-SHADOW-COLOR:  横拉条三角箭头的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条凸出部分下边的颜色
SCROLLBAR-ARROW-COLOR:  竖拉条三角箭头的颜色
SCROLLBAR-TRACK-COLOR:  滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR:  滚动条三角及拉块右下侧边的颜色

 

简单的彩色滚动条代码

<DIV align=center>
<DIV style="SCROLLBAR-FACE-COLOR: #9ebfe8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 600px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #9ebfe8; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9ebfe8; HEIGHT: 130px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt" face=Arial color=#ff0000>
此处添加日志内容

代码说明∶写好日志将此代码加在前面,调整好宽 WIDTH: 600px和高HEIGHT: 130px即可。

SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色

代码最少的彩色滚动条

<DIV style="SCROLLBAR-FACE-COLOR: #00ff00; OVERFLOW: auto; WIDTH: 600px; HEIGHT: 100px">                   说 明∶调整好代码宽WIDTH: 600px和高HEIGHT: 100px,选择喜欢的颜色#00ff00 后,将代码加在编辑好日志前即成。(此代码只有在滚动条下有日志内容时方可显示效果)

代码最少的彩色滚动条

<DIV style="SCROLLBAR-FACE-COLOR: #00ff00; OVERFLOW: auto; WIDTH: 600px; HEIGHT: 100px"> 说 明∶调整好代码宽WIDTH: 600px和高HEIGHT: 100px,选择喜欢的颜色#00ff00 后,将代码加在编辑好日志前即成。(此代码只有在滚动条下有日志内容时方可显示效果)

☆三款代碼不同的彩色滾動條代碼 - 学 海 - XVE HAI BLOG

欢迎您光临学海博客欢迎您光临学海博客欢迎您

  评论这张
 
阅读(493)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017