收集整理的四个方向的滚动

更新时间：2006年06月26日 00:00:00 作者：

向上滚动

</P>
<P><div id=demo style=overflow:hidden;height:100;width:90; background:#214984;color:#ffffff> <div id=demo1>  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  <img src="https://www.jb51.net/logos.gif">  </div>  <div id=demo2></div>  </div>    <script>    var speed=30    demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2    function Marquee(){ //当滚动至demo1与demo2交界时 if(demo2.offsetTop-demo.scrollTop<=0)   demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端 else{ demo.scrollTop++    }    }    var MyMar=setInterval(Marquee,speed)//设置定时器 //鼠标移上时清除定时器达到滚动停止的目的    demo.onmouseover=function() {clearInterval(MyMar)} //鼠标移开时重设定时器    demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)} </script> </P>
<P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

向下滚动

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

向左滚动

</P>
<P><div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">      <table cellpadding="0" cellspacing="0" border="0">        <tr><td id="demo1" valign="top" align="center">          <table cellpadding="2" cellspacing="0" border="0">            <tr align="center">     <td><img src="https://www.jb51.net/logos.gif" width="88"></td>              <td><img src="https://www.jb51.net/logos.gif" width="88"></td>     <td><img src="https://www.jb51.net/logos.gif" width="88"></td>     <td><img src="https://www.jb51.net/logos.gif" width="88"></td>              <td><img src="https://www.jb51.net/logos.gif" width="88"></td>            </tr>          </table>        </td>        <td id="demo2" valign="top"></td>        </tr>      </table>    </div>  <script>  var speed=1//速度数值越大速度越慢  demo2.innerHTML=demo1.innerHTML  function Marquee(){  if(demo2.offsetWidth-demo.scrollLeft<=0)  demo.scrollLeft-=demo1.offsetWidth  else{  demo.scrollLeft++  }  }  var MyMar=setInterval(Marquee,speed)  demo.onmouseover=function() {clearInterval(MyMar)}  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  </script></P>
<P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

向右滚动

</P>
<P><div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">      <table cellpadding="0" cellspacing="0" border="0">        <tr><td id="demo1" valign="top" align="center">          <table cellpadding="2" cellspacing="0" border="0">            <tr align="center">     <td><img src="https://www.jb51.net/logos.gif" width="88"></td>              <td><img src="https://www.jb51.net/logos.gif" width="88"></td>     <td><img src="https://www.jb51.net/logos.gif" width="88"></td>     <td><img src="https://www.jb51.net/logos.gif" width="88"></td>              <td><img src="https://www.jb51.net/logos.gif" width="88"></td>            </tr>          </table>        </td>        <td id="demo2" valign="top"></td>        </tr>      </table>    </div>  <script>  var speed=1//速度数值越大速度越慢  demo2.innerHTML=demo1.innerHTML  function Marquee(){  if(demo.scrollLeft<=0)  demo.scrollLeft+=demo2.offsetWidth  else{  demo.scrollLeft--  }  }  var MyMar=setInterval(Marquee,speed)  demo.onmouseover=function() {clearInterval(MyMar)}  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  </script></P>
<P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

收集整理的四个方向的滚动

精确到按钮级别前端权限管理实现方案
这篇文章主要为大家介绍了精确到按钮级别前端权限管理实现方案详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
autojs长宽不定的图片在正方形图片居中实现详解
这篇文章主要为大家介绍了autojs长宽不定的图片在正方形图片居中实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
微信小程序页面开发注意事项整理
这篇文章主要介绍了微信小程序页面开发注意事项整理的相关资料,需要的朋友可以参考下
2017-05-05
JS、HTML代码运行工具
JS、HTML代码运行工具...
2006-06-06
js中yield参数应用示例深入理解
这篇文章主要为大家介绍了js中yield参数应用示例深入理解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
lodash内部方法getData和setData实例解析
本篇章我们将了解lodash里内部关于Data的操作方法，重点关注getData、setData两个内部方法，同时由实现上引申其他内部封装的方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
微信小程序开发入门基础教程
这篇文章主要介绍了微信小程序开发入门基础教程的相关资料,需要的朋友可以参考下
2017-04-04
微信小程序使用canvas制作K线实例详解
这篇文章主要介绍了微信小程序使用canvas制作K线实例详解的相关资料,需要的朋友可以参考下
2017-01-01
微信小程序 picker-view 组件详解及简单实例
这篇文章主要介绍了微信小程序 picker-view 组件详解及简单实例的相关资料,需要的朋友可以参考下
2017-01-01
微信小程序（三）：网络请求
本篇文章主要介绍了微信小程序（三）：网络请求。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01

收集整理的四个方向的滚动

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具