搜索:
首页 >> 下载中心 >> JavaScript源码 >> 网页滚动条样式css智能配色器

网页滚动条样式css智能配色器

2007-10-18 作者:天空诚整理 来源:中国Asp之家 投递文章

在做网页设计的时候我们经常会给浏览器的滚动条加上各式各样的样式,这些滚动条样式一般都要我们自己一个个设置css代码,有点麻烦,呵呵。

下面是一段滚动条的css代码:

<STYLE>
BODY {
scrollbar-face-color: #039DDB;/*滚动条凸出部分的颜色*/
 scrollbar-highlight-color: #039DDB;/*滚动条空白部分的颜色*/
 scrollbar-shadow-color: #0C8FC3;/*立体滚动条阴影的颜色*/
 scrollbar-3dlight-color: #cccccc;/*滚动条亮边的颜色*/
 scrollbar-arrow-color: #ffffff;/*上下按钮上三角箭头的颜色*/
 scrollbar-track-color: #039DDB;/*滚动条的背景颜色*/
 scrollbar-dark-shadow-color: #22B0E9;/*滚动条强阴影的颜色*/

}
</STYLE>

我们要设置这个页面的滚动条样式就要像上面的css代码一样,一条条的配置过去,这里我加了中文注释方便大家理解。平常需要设置滚动条样式时我也都是这么做的。现在有了下面的这个滚动条快速智能配色器,就方便多了,它可以自动生成滚动条CSS样式代码,并且提供了预览的功能,所见及所得。使用时我们复制一下就可以了!

截图如下:

效果预览:滚动条配色器工具演示

源代码下载地址:网页滚动条样式css智能配色器.rar (2.42 KB)

Tags:滚动条  配色  样式 
相关文章
手机版 JavaScript源码 Asp之家 Aspxhome.com
闽ICP备06017341号