田贤追博客 - QQ:260776893,Tel:13065860667

网站建设电子商务博客(网站制作,优化推广,网络营销宣传,B2B,网络广告),网络维护,平面设计及相关的文章信息发布共享。

« 建设网站价格为什么那么便宜一般外贸型企业或实业单位的电子商务岗位主要职责 »

新闻列表向上(下)翻滚效果(JS效果)

  新闻列表向上(下)翻滚效果(JS效果)
.shell{
 width:600px;
 
}
.core{
 height:25px;
 line-height:25px;
 overflow:hidden;
}

.core *{ color:#416180;}

 

<div class="shell">
                    <div id="div_indexNewList" class="core" runat="server">
                    </div>
                </div>

                <script type="text/javascript">

function myGod(id,w,n){
 var box=document.getElementById(id),can=true,w=w||1500,fq=fq||10,n=n==-1?-1:1;
 box.innerHTML+=box.innerHTML;
 box.onmouseover=function(){can=false};
 box.onmouseout=function(){can=true};
 var max=parseInt(box.scrollHeight/2);
 new function (){
  var stop=box.scrollTop%18==0&&!can;
  if(!stop){
   var set=n>0?[max,0]:[0,max];
   box.scrollTop==set[0]?box.scrollTop=set[1]:box.scrollTop+=n;
  };
  setTimeout(arguments.callee,box.scrollTop%25?fq:w);
 };
};
//myGod('div1',10);
//myGod('div2',10,-1);
//myGod('div3',500,-1);
myGod('div_indexNewList',2000);
//myGod('div5',1500,-1);
                </script>

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 91204

© 2007-2009 Powered By 田贤追博客 All rights reserved. 浙ICP备09005319号·