AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

文字垂直滚动之javascript代码

51自学网 http://www.wanshiok.com
垂直滚动代码,javascript特效代码,文字垂直滚动

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

javascript代码如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="/" /><title>wanshiok.com</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>

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


垂直滚动代码,javascript特效代码,文字垂直滚动  
上一篇:原生js与jQuery实现简单的tab切换特效对比  下一篇:如何使用jQuery技术开发ios风格的页面导航菜单