专用超炫热带风味滚动条牛

好吧，「超炫」这个形容词可能有点太夸张，这个技巧大概还是比不上穿着中空装，把装在火山形状酒缸里面的火红色鸡尾酒分给大家喝那么酷。不过它的确能让你把设计创意大权从浏览器右边那道看起来超级蠢，难看但是又非要不可，除了使用方便性以外一无是处的滚动条那儿给夺回来。微软公司把这些差事都做完了，让你只要透过简单的CSS 设定就能在一个别人从未到达的领域里面自由挥动创意旗帜。

把下面这段原始码放进你的页的HEAD 区块里面：

STYLE type=\"text/css\"!--

BODY {

而你用了几步围住神经猫的链接 scrollbar-base-color: color;

scrollbar-track-color: color;

scrollbar-face-color: color;

scrollbar-highlight-color: color;

scrollbar-3dlight-color: color;

scrollbar-darkshadow-color: color;

scrollbar-shadow-color: color;

scrollbar-arrow-color: color;

}

--/STYLE

在上面这些 CSS 性质里面，把color 的部分替换成你想用的颜色名称（例如红色的颜色名称是：Red，其它还有像是「艾莉丝蓝，AliceBlue」等等的颜色名称可用）或者 16进位代码 （例如红色的16进位代码是：#FF0000）。 右边是一个放大的滚动条颜色示意图， 「scrollbar-face-color」性质（为了方便起见，后面只用face当作简称） 是用来设定滚动条上下两端箭头按钮以及滚动条拉动把手的颜色。 highlight及shadow 性质分别设定箭头按钮和把手的内部阴影颜色， 而 3dlight 和 darkshadow 性质则分别设定外部阴影的颜色。 arrow 性质可以用来设定箭头按钮上面那个三角型的颜色， 滚动条「轨道」的颜色是由track性质来设定。 如果没有指定track 性质的话，highlight性质就会被用来设定滚动条轨道里面状花纹的颜色，否则滚动条轨道就会是黑白的。最后， base 性质是用来把track，face 以及3dlight 三种性质一次设成同样的颜色，如果这三种性质里面任何一种有另外设定的话，就会盖过base所设定的颜色。

「好了，」你可能会这样自言自语：「滚动条能设定的东西就这样？没别的了？」嗯，还能做哪些变化其实全依你自己的决定。如果光是细微的样式设定对你来说还是不够的话，你可以透过 JavaScript 或者 VBScript 程序来为滚动条颜色加上更多动态效果。如果你的浏览器是IE 5.5，你应该会注意到我们在这个页面使用了JavaScript程序来让滚动条有动态变色的效果。etLux提供的「三阶虹彩滚动条程序（TriState Rainbow ScrollBar Script）」则是另一个应用实例（不过这名字取得还真是怪）。除了动态效果，静态的设定也还是有发挥创意的空间。比方说你可以把滚动条轨道设定成和页面背景相同的颜色，这样滚动条看起来便可以融入页面的背景里面，或者干脆把整个滚动条全都设定成透明也行──不过如果真要这样做，记得放过那两个三角型按钮喔！

不过，先别急着把你那件上面写了「CSS为吾罪而死」的T恤穿在身上。目前只有 IE 5.5 支持这些 CSS 性质，而且这些全都是微软自家的东西，你甚至不会在任何页标准草案里面找得到这些东西。这下子那些 IE 反对者在高呼「世界是不公平的！」口号的时候可又多了一句台词可用了，因为那些向微软叩头跪拜的人从那儿得到的好东西可是越来越多。忠诚拥护者的奖赏？来，给你个彩色滚动条！