文字垂直滚动之javascript代码

2019-11-20 11:57:52

字体：大中小

来源：转载

供稿：网友

在大型的网站新闻公告和友情链接等领域经常有这种文字或图片垂直滚动的效果，下面就介绍一下文字垂直滚动的javascript代码。

javascript代码如下：

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="//www.VeVB.COm/" /><title>武林网</title><style> a {  display:block;  font-size:15px;  line-height:18px;  text-decoration:none;  color:#333;  font-family:Arial;  font-size:12px; } .main{  background:no-repeat 4px 5px;  border:1px solid #aaa;  width:400px;  padding:3px 2px 2px 20px; } #thediv{  height:36px;  overflow:hidden; } </style><script type="text/javascript">var c, _ = Function;window.onload=function(){  with (o = document.getElementById("thediv")){  innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); }  (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g,"o.scrollTop")))(); }</script> </head> <body> <div class="main"> <div id="thediv">  <a>蚂蚁部落欢迎您</a>  <a>只有奋斗才会有好的结果</a>  <a>高手都是从菜鸟成长而来</a>  <a>太阳马上就要出来了</a>  </div> </div> </body> </html>

以上代码就实现了文字垂直滚动的效果，文字可有上下间歇性的滚动，有需要的朋友可以来参考下，希望大家喜欢。

上一篇：原生js与jQuery实现简单的tab切换特效对比

下一篇：如何使用jQuery技术开发ios风格的页面导航菜单