浏览器滚动条控制FAQ
网络与通信
对网页浏览器控制的文章《电脑报》曾介绍过,但仍然有很多朋友不清楚,本文采用FAQ的形式,针对主要问题点,对大家一定有帮助。
Q:如何去除浏览器的滚动条(这样上下的和左右的滚动条都没有了)
A:在网页的原代码中放入下面的代码:
Q:如何去掉水平滚动条
A:在网页的原代码中放入下面的代码
Q:如何去掉竖直滚动条
A:在网页的原代码中放入下面的代码
Q:如何设置网页滚动条的颜色
A:在网页的原代码中放入下面的代码
实际上这是CSS样式表,我们可以用它来控制滚动条的颜色以及立体感,其中:
SCROLLBAR-FACE-COLOR:是指滚动条的表面颜色
SCROLLBAR-HIGHLIGHT-COLOR:是指滚动条的亮边框,这和表格的亮边框是一样的。
SCROLLBAR-SHADOW-COLOR:滚动条的阴影部分。
SCROLLBAR-ARROW-COLOR:肩头部分的颜色。
SCROLLBAR-TRACK-COLOR:是指滚动槽的颜色。
SCROLLBAR-DARKSHADOW-COLOR:是指滚动条暗色阴影。
如果你觉得实在太啰嗦的话,可以直接使用插件,下载地址是:http://www.windstudio.net/dw/files/ie55_scrollbar.mxp
不过要记着,这个效果在低版本的浏览器里面是不显示的,至少需要ie5.5 以上。
Q:如何使用图片代替浏览器中的滚动条
A:这个问题解决起来就比较麻烦了,其中源代码也很长,我这里直接提供一个文件包,大家可以直接下载以后使用。地址:http://www.hi-fi2000.com/iesroll.zip
注意问题:
源代码中,调用js的是这一句:
你可以通过修改这一句来修改js的存放目录,图片的目录修改也是同样。如果你想让滚动条更适合自己的站点,可以直接修改图片来达到目的。
其中:
垂直滚动槽:1.jpg
上箭头:2.jpg
垂直滚动条:3.jpg
下箭头:4.jpg
水平滚动槽:5.jpg
左箭头:6.jpg
水平滚动条:7.jpg
右箭头:8.jpg
两根滚动条交接:9.jpg
(图1)
