IT备忘录

您现在的位置是:首页 > 教程 > 建站教程

建站教程

Js代码实现双击鼠标自动滚动页面效果

2021-12-29 08:17:00建站教程
js代码实现双击鼠标自动滚动网站页面代码,在特定的网站页面可以用的上下面IT备忘录小编分享的这段代码,例如:小说网站或一些资讯类型的网站,需要的网站长可以试试。操作比较简单

js代码实现双击鼠标自动滚动网站页面代码,在特定的网站页面可以用的上下面IT备忘录小编分享的这段代码,例如:小说网站或一些资讯类型的网站,需要的网站长可以试试。

操作比较简单把以下代码加在网站的页面中,就可以实现双击鼠标实现自动滚屏的效果。

鼠标双击自动滚动网页js代码

JavaScript代码如下:

<script language="JavaScript" type="text/JavaScript">
   //双击鼠标滚动屏幕的代码
  var currentpos,timer;
      function initialize()
      {
        timer=setInterval ("scrollwindow ()",30);//滚动速度
      }
      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>

相关内容标签

文章评论