请教关于滚动条的颜色设置的问题!
其实,这是使用了样式表的原因,在样式表里有一些控制滚动条的颜色语句,语句如下:BODY{CROLLBAR-FACE-CLOLR:#FFCC00;SCROLLBAR-HIGHLIGHT-COLOR:#FF0000;SCROLLBAR-SHADOW-COLOR:#FFFFFF;SCROLLBAR-3DLIGHT- :#000000SCROLLBAR-TRACK-COLOR:#FDEAC4;SCROLLBAR-DARKSHADOW-COLOR:#FFFF00}各条语句含义如下:SCROLLBAR-FACE-COLOR为滚动条表面颜色设定;SCROLLBAR-HIGHLIGHT-COLOR:#FF...全部
其实,这是使用了样式表的原因,在样式表里有一些控制滚动条的颜色语句,语句如下:BODY{CROLLBAR-FACE-CLOLR:#FFCC00;SCROLLBAR-HIGHLIGHT-COLOR:#FF0000;SCROLLBAR-SHADOW-COLOR:#FFFFFF;SCROLLBAR-3DLIGHT- :#000000SCROLLBAR-TRACK-COLOR:#FDEAC4;SCROLLBAR-DARKSHADOW-COLOR:#FFFF00}各条语句含义如下:SCROLLBAR-FACE-COLOR为滚动条表面颜色设定;SCROLLBAR-HIGHLIGHT-COLOR:#FF0000为滚动条上斜面和左斜面颜色设定;SCROLLBAR-SHADOW-COLOR:#FFFFFF;为滚动条下斜面和左斜面颜色设定SCROLLBAR-3DLIGHT- 为滚动条上边和左边的边洞颜色设定;SCROLLBAR-ARROW-COLOR:#000000;为滚动条两端箭头颜色设定;SCROLLBAR-TRACK-COLOR:#FDEAC4;为滚动条底版颜色设定;SCROLLBAR-DARKSHADOW-COLOR:#FFFF00;为滚动条下边和右边沿颜色设定;以上的内容可以使用写字板编写,保存为CSS后缀的文件。
在例用DW设计网页时在设计窗口空白处按鼠标右键选择:样式表、编辑样式表、连接,选择做好的样式表就行了。自从dhtml出现以来,微软对dhtml功能的加强就没有停止过,在微软最新的游览器internetexplorer5。
5的的ie5。5增加了许多新的样式表内容,对滚动条的样式进行修改也是其中之一,下面我们简单地介绍一下涉及浏览器滚动条的样式表内容:1。overflow内容溢出时的设置overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2。scrollbar-3d-light-color立体滚动条亮边的颜色scrollbar-arrow-color上下按钮上三角箭头的颜色scrollbar-base-color滚动条的基本颜色scrollbar-dark-shadow-color立体滚动条强阴影的颜色scrollbar-face-color立体滚动条凸出部分的颜色scrollbar-highlight-color滚动条空白部分的颜色scrollbar-shadow-color立体滚动条阴影的颜色以上七个属性设置的值都是颜色值,可以使用样式表定义的各种表达方式。
使用以上的样式定义内容,我们可以指定浏览器窗口、多行文本框的滚动条的显示与否和颜色样式,第一组样式属性用于设定被设定对象是否显示滚动条,第二组样式属性则用于设置滚动条的颜色,要注意的本文涉及的样式属性都是ie才能支持的,第二组的样式属性只有ie5。
5版本才能支持,所以请大家在调试的时候注意。我们通过几个实例来讲解上述的样式属性:1。让浏览器窗口永远都不出现滚动条没有水平滚动条没有垂直滚动条没有滚动条或2。设定多行文本框的滚动条没有水平滚动条没有垂直滚动条没有滚动条或3。
设定窗口滚动条的颜色设置窗口滚动条的颜色为红色scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。加上一点特别的效果:4。设定其他元素时,基本上一样,你最好是在样式表文件中定义好一个类,这样你就可以重复使用了。
。coolscrollbar{scrollbar-arrow-scrollbar-base-}将以上语句加入到样式表文件中或html头部的当中,然后使用。收起