主题:  如何不显示滚动条?

dxjw

职务:普通成员
等级:1
金币:0.0
发贴:33
注册:2004/3/6 15:24:28
#12004/3/16 13:53:59
在网页中如何屏蔽滚动条?我要求水平和垂直分开,用scroll = no把水平和垂直两个滚动条都屏蔽掉了。我现在找不到代码了。哪位能帮帮忙?



dxjw

职务:普通成员
等级:1
金币:0.0
发贴:33
注册:2004/3/6 15:24:28
#22004/3/16 14:04:28
没有人理我,还是靠自己!
玩转网页滚动条

滚动条上色
  网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,但是千篇一律的它经常会给整体页面效果拖了不少后腿,我们能不能改变它灰灰的样子呢?能!俗话说:“只有你想不到的,没有做不到的。”
给滚动条换色

  几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽。我们只要在网页代码<head> </head>之间插入下面的代码,即可随心所欲地更改颜色了。

<style>
BODY
{
SCROLLBAR-FACE-COLOR: #006699; /*前景*/
SCROLLBAR-TRACK-COLOR: #006699; /*背景*/
SCROLLBAR-3DLIGHT-COLOR: #006699; /*左&上(外)*/
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; /*左&上(内)*/
SCROLLBAR-SHADOW-COLOR: #FFFFFF; /*右&下(内)*/
SCROLLBAR-DARKSHADOW-COLOR: #006699; /*右&下(外)*/
SCROLLBAR-ARROW-COLOR: #FFFFFF; /*箭头*/
}
</style>

隐藏滚动条(垂直和水平都隐藏)
  在body 那一行里面写:<body scroll = no>即可。

隐藏滚动条(垂直隐藏)
  在body 那一行里面写:<body style=overflow-x:hidden; overflow-y:show>即可。

隐藏滚动条(水平隐藏)
  在body 那一行里面写:<body style=overflow-x:hidden; overflow-y:show>即可。

滚屏显示
  当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到<body> </body>之间。

<script language"javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>