JAVASCRIPT实现上下滚屏

来源:互联网 发布:webservice json格式 编辑:程序博客网 时间:2024/04/29 13:49

<script language="javascript">

 var position=0;
 scrollStatus = new Boolean(false);
 
 function down()
 {
  if(scrollStatus==true)
  {
   scrollStatus=false;
  }
  else
  {
   scrollStatus=true;
   
  }
  downScroller();
  //alert(scrollStatus);
  
 }
 function up()
 {
  if(scrollStatus==true)
  {
   scrollStatus=false;
  }
  else
  {
   scrollStatus=true;
  }
  upScroller();
 }
 
 function downScroller()
 {
 
  if(scrollStatus==true)
  {
   position++;
   parent.nav.scroll(1,position);
   clearTimeout(timer);
   var timer=setTimeout("downScroller()",20);
   timer;
   
  }
  else
  {
   
   clearTimeout(timer);
  }
 }
 function upScroller()
 {
  if(scrollStatus==true)
  {
   position--;
   parent.nav.scroll(1,position);
   clearTimeout(timer);
   var timer=setTimeout("upScroller()",20);
   timer;
  }
  else
  {
   clearTimeout(timer);
  }
 }
</script> 

多大框架页中使用,在一个页面中设置两个按钮,分别为“向上自动翻页”和“向下自动翻页”,分别给这两个按钮添加"mouseover"和"mouseout"事件,向上的都调用up(),向下的都调用down(),同时要修改"parent.nav.scroll"为实际的页面。具体激活事件可以自己修改,要滚屏的窗口也可自己修改。