给浏览器滚动条添彩 / 学生王国

当前网络上流行什么？彩色滚动条！不少个人网站都采用了漂亮的滚动条，竹子兰也收到好多朋友的来信，询问浏览器窗口的彩色滚动条是如何设计的（如图1）。

图1
1.手动编写源代码
其实彩色滚动条的实现非常容易，只要建立一组CSS串接样式表设定就行了！而在样式表中只需要设定<BODY>HTML标签的属性，因为凡是属于窗口基本的格式都是指<BODY>文件主体的外观。
步骤一：建立样式表声明主体
<style type="text/css">

</style>
步骤二：在样式表声名主体内加入BODY标签属性声名
例如下面这一段声名：
BODY {
scrollbar-face-color:#FF0080;
scrollbar-highlight-color:#00FF40;
scrollbar-3dlight-color:#0000FF;
scrollbar-darkshadow-color:#00FF40;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#21C1DE;
scrollbar-track-color:#E0E0E0;
}
步骤三：然后在网页中的 </HEAD> 标签之后，将上面两步骤的样式表内容贴上，那窗口滚动条就会变成彩色模样了！
2.利用软件实现
如果觉得上面的代码编写有些困难，还可以利用Cool Web Scrollbars这个工具来实现，它是专门用来生成浏览器滚动条变色效果的软件。
安装并运行该软件，其界面如图2分为两个部分，左边是预览效果的区域，右边就是设置区了，可以先在右边选择各种颜色来设定滚动条的各个颜色，比如主体颜色、指示箭头颜色、边框颜色等，然后就会在预览效果区显示出来。当你设置好了点右下角的Generate Code（生成CSS源代码）按钮，就会自动打开一个生成代码的窗口（如图3），点Copy To Clipboard复制这些代码并粘贴到网页源代码的<HEAD>和</HEAD>之间即可，美丽漂亮的彩色滚动条就做好了。

图2

图3
本文所讲技巧要用IE5.5以上的版本才能正常显示。