文字无缝滚动(向上滚动特效）

作者：简简单单 2010-09-18

提示：您可以先修改部分代码再运行

<script language="javascript" type="text/javascript">
			window.onload=function(){
			var o=document.getElementById('box');
			window.setInterval(function(){scrollup(o,72,0);},3000);
			}
			function scrollup(o,d,c){
			if(d==c){
			var t=getFirstChild(o.firstChild).cloneNode(true);
			o.removeChild(getFirstChild(o.firstChild));
			o.appendChild(t);
			t.style.marginTop="0px";
			}else{
			c+=2;
			getFirstChild(o.firstChild).style.marginTop=-c+"px";
			window.setTimeout(function(){scrollup(o,d,c)},20);
			}
			}
			function getFirstChild(node){
			while (node.nodeType!=1)
			{
			node=node.nextSibling;
			}
			return node;
			}
		</script>
		  <div class="border_frame">
			<ul id="box">
            <li><span class="padding_l">郭沫若</span><span class="padding_r">1588795****</span></li><li><span class="padding_l">王女士</span><span class="padding_r">1386520****</span></li><li><span class="padding_l">刘一生</span><span class="padding_r">1375255****</span></li><li><span class="padding_l">张女士</span><span class="padding_r">1385200****</span></li><li><span class="padding_l">扬某某</span><span class="padding_r">1584567****</span></li><li><span class="padding_l">旷小博</span><span class="padding_r">1376500****</span></li><li><span class="padding_l">奠嘉灵</span><span class="padding_r">1581156****</span></li><li><span class="padding_l">许翔</span><span class="padding_r">1581137****</span></li><li><span class="padding_l">蔡小乐</span><span class="padding_r">1385684****</span></li><li><span class="padding_l">舒某</span><span class="padding_r">1587486****</span></li><li><span class="padding_l">全海星</span><span class="padding_r">1597319****</span></li><li><span class="padding_l">毛先生</span><span class="padding_r">1375500****</span></li><li><span class="padding_l">肖先生</span><span class="padding_r">1587788****</span></li><li><span class="padding_l">邓小平</span><span class="padding_r">1387598****</span></li><li><span class="padding_l">李程</span><span class="padding_r">0731-8758****</span></li>		
			</ul>
		  </div>

提示：您可以先修改部分代码再运行

上一个：js 倒计时效果代码下一个：仿智联招聘上弹出选择菜单效果

相关文章

精彩推荐