自动向上或者向下循环的菜单代码(百分百原创)

本文介绍了一个使用JavaScript实现的上下滚动效果。通过监听鼠标点击事件来控制元素的滚动速度和方向,实现了平滑的滚动效果。文章详细展示了如何利用setInterval进行定时操作,以及如何根据条件改变滚动条的位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

js 代码
  1. var rollspeed=20   
  2. rolllink2.innerHTML=rolllink1.innerHTML   
  3. var objDIV=document.getElementById("rolllink");   
  4. var status;   
  5. var begin=false;   
  6. var flag=false;   
  7. var MyMar;   
  8. function Marquee(){   
  9.  if(!status){   
  10.   if(rolllink2.offsetTop-rolllink.scrollTop<=objDIV.height){   
  11.    //alert(rolllink2.offsetTop+"|"+rolllink1.offsetTop+"|"rolllink.scrollTop);   
  12.     roleStop();   
  13.     //rolllink.scrollTop-=rolllink1.offsetHeight   
  14.   }else{   
  15.    rolllink.scrollTop++     
  16.   }   
  17.     
  18.  }else{   
  19.   if(rolllink2.offsetTop-objDIV.height<0){   
  20.       
  21.     roleStop();   
  22.       
  23.    rolllink.scrollTop+=rolllink1.offsetHeight   
  24.       
  25.   }else{   
  26.    rolllink.scrollTop--   
  27.       
  28.   }   
  29.  }    
  30. }   
  31.     
  32. function roleStop(){   
  33.     
  34.  clearInterval(MyMar)   
  35.  begin=true;   
  36.     
  37. }   
  38. function mouseclickDown(){   
  39.  status=true;   
  40.  MyMar=setInterval(Marquee,rollspeed)   
  41. }   
  42. function mouseclickUP(){   
  43.  status=false;   
  44.  MyMar=setInterval(Marquee,rollspeed)   
  45.     
  46. }   
  47. function roleStar(){   
  48.  if(begin){   
  49.   setInterval(Marquee,rollspeed)   
  50.   begin=false;   
  51.  }   
  52.     
  53. }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值