微信公众号 
图码生活

每天发布有五花八门的文章,各种有趣的知识等,期待您的订阅与参与
电脑报 1992-2001 十年文章全集
电脑报 1992-2001 十年文章全集
包含从 1992 年 - 2001 年间,两万余篇期刊文章,查询最少输入两个字符
随便看看
读取中
读取中
标题网页滚动条应用秘诀
栏目网络与通信
作者世纪鸟工作室·老河
发布2001年28期
  在网络世界闲逛了这么久,这个世界里有谁不想拥有自己的家(主页),当然,随随便便建造可不行,咱们谈点细节的东西,这次我们就拿浏览器的滚动条来开刀,说说滚动条方面的应用……
   第一招:隐身大法
  有时网页设计要求,需要将滚动条去除,怎么去除呢?用刀砍!那可不行,有一个更好的方法,请听我细细道来,首先看看我收藏多年的秘诀:
  <body style='overflow:scroll;overflow-y:hidden;overflow-x:hidden'>
  让我先分析一下,代码中的overflow:scroll是对滚动条的定义,overflow-y:hidden是指竖向滚动条(这是我们训练的重点),overflow-x:hidden是指横向滚动条的隐身,可以了,大家伙儿可以尝尝新了。
  该方法可以用于页面全屏设计和固定风格的视窗定位,这样可以达到去除滚动条。
   第二招:双击滚屏
  本来不想说出这一招的,但是看在小编阿飙手中的剑上(架在我的脖子上),我只好交出了,大家请看:
  <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>
  注:还要我解析一下吗?这是采用timer元素来实现的,通常用于网站文章的阅读(这时一位菜鸟扔来流星锤,我闪。)其人问到:要把特效插到网页的什么位置?我倒!原则上插在<body>...</body>是最好的,但好像插到哪里都可以用。
  以上的特效代码也不算太多,诸位可以自己录入,如果懒得输的话,可以下载(下载网址:www.80cn.com)。