新浪微博文字滚动效果(3)

来源：未知责任编辑：责任编辑发表时间:2015-03-01 01:36　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

     startMove(oLi,"opacity",1)
     })
     oUl.onmouseover=function()
     {
     bPause=true;
     };
     oUl.onmouseout=function()
     {
     bPause=false;
     }
     };
     </script>
     </head>
     <body>
     <ul id="ul1"></ul>
     </body>
     </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     <title>新浪微博文字滚动效果</title>
     <style>
     #ul1 {background:white; margin:0px; padding:0px; width:500px; height:300px; border:1px solid black; overflow:hidden;}
     li {border-bottom:1px dashed #CCC; padding:15px 10px 3px 10px; margin:0px; list-style:none;}
     </style>
     <script type="text/javascript">
     var arr=['洗脸也能抽筋？？', '好冷啊', '一如既往地喜欢特务男，哈哈，有脑有身手', '我靠近你，不是因为你什么都好，不是因为你能给我一个安心而不错的未来，不是因为你是我的老公，不是因为我觉得我们肯定这一辈子会这样好好走下去，不是因为再找一段感情代价太大，而是因为，我爱你，我觉得看到你，就会心动。', '我承认我是个没有鼓励就没有动力的人，缺乏太多毅力。等过了这个冬天。也许我真的能把自己的心收拾干净。空出心里最重要的位置。给自己未来的新娘。剩下的空间，全是梦想，家庭和朋友。'];

     var t=setInterval(function(){
     var sTxt=arr.shift();
     createDom(sTxt);
     arr.push(sTxt);
     },2000)
     var bPause=false;
     function startMove(obj,attr,iTarget,fnMoveEnd)
     {
     if(obj.timer)
     {
     clearInterval(obj.timer);
     }
     obj.timer=setInterval(function(){
     if(bPause)
     {
     return;
     }
     doMove(obj,attr,iTarget,fnMoveEnd);