网页滚动条的样式定义演示代码

收藏本信息编号：44 发布时间：2009-06-29 截止日期：地区：

下面文件直接拷贝成 HTML 页面就可以看到效果

颜色可以自己调整

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css" >
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>

</HEAD>

<BODY>
<pre>

　　后面的16位颜色值您能够随意更改，括号内是解释说明，在输入时请不要插入。
　　隐藏滚动条
　　在任何情况下，假如网页超出显示范围，就会出现滚动条。但有时我们并不想让他显示，如何隐藏他呢？只需在＜body> ＜/body>之间插入代码：＜body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条，将其改为y的话就能够隐藏垂直滚动条。
　　滚屏显示
　　当网页中有长篇文章时，浏览起来就比较吃劲了，想想一边忙着拖动滚动条，一边忙着浏览，确实挺累人的。为了客人能够轻松的浏览，我们能够使用script代码实现网页的自动滚屏，当双击网页的时候，网页将会自动向下滚动，再次单击时滚动停止。将下面的代码插入到＜body> ＜/body>之间。
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</pre>
</BODY>
</HTML>