网页滚动条应用秘诀

Author: 世纪鸟工作室·老河 Date: 2001年 28期

?牐犜谕缡澜缦泄淞苏饷淳茫飧鍪澜缋镉兴幌胗涤凶约旱募遥ㄖ饕常?,当然,随随便便建造可不行,咱们谈点细节的东西,这次我们就拿浏览器的滚动条来开刀,说说滚动条方面的应用……
  #1?牐牭谝徽校阂泶蠓?
  ?牐犛惺蓖成杓埔螅枰龆跞コ趺慈コ兀坑玫犊常∧强刹恍校幸桓龈玫姆椒ǎ胩蚁赶傅览矗紫瓤纯次沂詹囟嗄甑拿鼐鳎?
  ?牐?<body style='overflow:scroll;overflow-y:hidden;overflow-x:hidden'>
  ?牐犎梦蚁确治鲆幌拢胫械膐verflow:scroll是对滚动条的定义,overflow-y:hidden是指竖向滚动条(这是我们训练的重点),overflow-x:hidden是指横向滚动条的隐身,可以了,大家伙儿可以尝尝新了。
  ?牐牳梅椒?可以用于页面全屏设计和固定风格的视窗定位,这样可以达到去除滚动条。
  #1?牐牭诙校核鞴銎?
  ?牐牨纠床幌胨党稣庖徽械模强丛谛”喟㈧种械慕I希?架在我的脖子上),我只好交出了,大家请看:
  ?牐?<script language"javascript">
  ?牐爒ar currentpos,timer;??
  ?牐爁unction initialize() //定义
      {   
  ?牐爐imer=setInterval("scrollwindow()",10);
      }?牔?
  ?牐爁unction sc(){?煟牓?
  ?牐燾learInterval(timer);
      }?牔?
  ?牐爁unction scrollwindow()
      {?煟?
  ?牐燾urrentpos=document.body.scrollTop;??
  ?牐爓indow.scroll(0,++currentpos);?牔?
  ?牐爄f(currentpos!= document.body.scrollTop)??
  ?牐爏c();?煟牔?
  ?牐燿ocument.onmousedown=sc
  ?牐燿ocument.ondblclick=initialize//双击触发滚动事件
  ?牐?</script>
  ?牐犠ⅲ夯挂医馕鲆幌侣穑空馐遣捎胻imer元素来实现的,通常用于网站文章的阅读(这时一位菜鸟扔来流星锤,我闪。)其人问到:要把特效插到网页的什么位置?我倒!原则上插在<body>...</body>是最好的,但好像插到哪里都可以用。
  ?牐犚陨系奶匦Т胍膊凰闾啵钗豢梢宰约郝既耄绻恋檬涞幕埃梢韵略兀ㄏ略赝罚簑ww.80cn.com)。