几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽。我们只要在网页代码<head> </head>之间插入下面的代码,即可随心所欲地更改颜色了。
<style>
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
</style>
后面的16位颜色值你可以随意更改,括号内是解释说明,在输入时请不要插入。
隐藏滚动条
在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在<body> </body>之间插入代码:<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。
滚屏显示
当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到<body> </body>之间。
美化你的网页滚动条
原创文章如转载,请注明:转载自悠悠博客 [ http://www.ajaxstu.com/ ]
相关文章:
- HTML元素 - thead(2007-11-26 4:24:0)
- HTML元素 - span(2007-11-17 5:53:47)
- HTML元素 - s(2007-11-1 7:42:38)
- 网页上的MSN按钮代码(2007-10-12 1:3:51)
- HTML元素 - sub(2007-9-18 7:30:12)
- HTML元素 - strong(2007-8-8 11:12:41)
- 色彩设计哲学(2007-7-23 1:54:22)
- HTML元素 - kbd 以定宽字体显示文本(2007-7-22 1:12:48)
- HTML元素 - frameset 组织多个框架和嵌套框架集(2007-6-18 8:3:33)
- HTML元素 - table(2007-6-9 10:38:42)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
