10
2004
10

如何控制ie的滚动条

  给滚动条换色

    几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽。我们只要在网页代码< 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>之间。

    < 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>

« 上一篇下一篇 »

评论列表:

1.匿名  2005-9-10 14:40:00 回复该留言
为什么我全部都不可以用啊,是不是我的blog哪个地方改错了,希望你能指教一下




以下为blog主人的回复:
你的地址呢?
2.ming  2006-6-28 20:24:00 回复该留言
可以实现图片的滚动条吗?

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。