滚动条的样式问题!高分求解!

devils 2004-03-15 03:50:47
旁边的滚动条的样式颜色如何定义?

...全文
615 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
meizz 2004-03-19
  • 打赏
  • 举报
回复
nattyfish(*飞鱼一族* [fly999.net]) 那篇文章是好, 可错误也不少!!.

scrollbar-3d-light-color 立体滚动条亮边的颜色
scrollbar-dark-shadow-color 立体滚动条强阴影的颜色

这些明显的错误都没有排除, 不知道他有没有自测试过? 不要做 ICP 呀,
zyzy15 2004-03-19
  • 打赏
  • 举报
回复
没错,得 IE5.5 以上
飞鱼一族的那篇文章我也有,说得很详细了 ^-^
nattyfish 2004-03-19
  • 打赏
  • 举报
回复
ie5.5以上就行了
Diego2000 2004-03-17
  • 打赏
  • 举报
回复
mark
歪歪 2004-03-17
  • 打赏
  • 举报
回复
同意 wanghr100(灰豆宝宝.net) ,可有ie5.0的实现方法吗,我也要
  • 打赏
  • 举报
回复
需要ie5.5+支持。。。
dishui 2004-03-17
  • 打赏
  • 举报
回复
还有一点 好象是IE6.0才能效果看的出哦
gooddot 2004-03-17
  • 打赏
  • 举报
回复
http://www0.ccidnet.com/school/web/2001/05/28/70_4294.html
http://www.yesky.com/SoftChannel/72351167954550784/20010102/149734.shtml
mengdizhaoyan 2004-03-16
  • 打赏
  • 举报
回复
up,说得很明白了
wanghr100 2004-03-16
  • 打赏
  • 举报
回复
忘了.
IE5.5* 支持..
wanghr100 2004-03-16
  • 打赏
  • 举报
回复
<style>
body, div
{
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; /*滚动条及箭头的亮边色*/
SCROLLBAR-SHADOW-COLOR: #e1e1e1; /*滚动条及箭头的暗边色*/
SCROLLBAR-3DLIGHT-COLOR: #e1e1e1; /*滚动条及箭头的3D亮边色*/
SCROLLBAR-TRACK-COLOR: #E1EDFD; /*滚动条底色*/
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF; /*滚动条及箭头的暗边阴影色*/
scrollbar-Base-Color: #9BBBF4;
scrollbar-arrow-Color: #35507A; /*箭头的颜色*/
scrollbar-face-color: #9BBBF4; /*滚动条及箭头的颜色*/
}
</style>
liuyu202 2004-03-16
  • 打赏
  • 举报
回复
都说完了!
  • 打赏
  • 举报
回复
mark
xkou 2004-03-16
  • 打赏
  • 举报
回复
还不结分啊
nattyfish 2004-03-15
  • 打赏
  • 举报
回复
现在好多网站把IE滚动条做的很漂亮,其实就是修改了样式表。由于一些常用的网页编辑软件没有把这项功能集成进去所以做起来比较困难。下面这个软件(CoolBar1.5)就是专门制作滚动条样式的,网址如下:
http://www.fh888.com/
nattyfish 2004-03-15
  • 打赏
  • 举报
回复
用CSS控制浏览器中滚动条样式
----------------------------------------------
自从dhtml出现以来,微软对dhtml功能的加强就没有停止过,在微软最新的游览器internet explorer 5.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.让浏览器窗口永远都不出现滚动条

没有水平滚动条

<body style=\"overflow-x:hidden\">

没有垂直滚动条

<body style=\"overflow-y:hidden\">

没有滚动条

<body style=\"overflow-x:hidden;overflow-y:hidden\">或<body style=\"overflow:hidden\">

2.设定多行文本框的滚动条

没有水平滚动条

<textarea style=\"overflow-x:hidden\"></textarea>

没有垂直滚动条

<textarea style=\"overflow-y:hidden\"></textarea>

没有滚动条

<textarea style=\"overflow-x:hidden;overflow-y:hidden\"></textarea>

或<textarea style=\"overflow:hidden\"></textarea>

3.设定窗口滚动条的颜色

设置窗口滚动条的颜色为红色<body style=\"scrollbar-base-color:red\">

scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。

加上一点特别的效果:

<body style=\"scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon\">

4.设定其他元素时,基本上一样,你最好是在样式表文件中定义好一个类,这样你就可以重复使用了。

.coolscrollbar
{
scrollbar-arrow-color:yellow;
scrollbar-base-color:lightsalmon;
}
将以上语句加入到样式表文件中或html头部的<style></style>当中,然后使用
<textarea class=\"coolscrollbar\"></textarea>
快快行动,让你的主页马上酷起来。

SweetOnMe 2004-03-15
  • 打赏
  • 举报
回复
<head>
<style>
BODY{
SCROLLBAR-FACE-COLOR: #EEEEEE;
SCROLLBAR-HIGHLIGHT-COLOR: #F0F0F0;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #EEEEEE;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #EEEEEE;
SCROLLBAR-DARKSHADOW-COLOR: #EEEEEE;
}
</style>
</head>
devils 2004-03-15
  • 打赏
  • 举报
回复
竟然没有人知道!??
自己顶~~~~~~~~

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧