您现在的位置:龙卷风首页 ›› 情感日记 ›› 阅读文章

在ALIBABA偷来的滚动文字效果

<div class="title_right" id="icefable1">
<div id="box1left">
<ul>
<li>近期成交总金额:308391455元  成交订单数:18827笔</li>
<li>贸易通商家:6254661人  供求信息数:11989440条</li>
<li>近期最新供应:1526156条    近期最新求购:20408条</li>
</ul>
</div>
</div>

     
<script type="text/javascript">
marque(320,19,"icefable1","box1left")
var scrollElem;
var stopscroll;
var stoptime;
var preTop;
var leftElem;
var currentTop;
var marqueesHeight;
function marque(width,height,marqueName,marqueCName){
 try{
   marqueesHeight = height;
   stopscroll     = false;

   scrollElem = document.getElementById(marqueName);
   with(scrollElem){
  style.width     = width;
  style.height    = marqueesHeight;
  style.overflow  = 'hidden';
  noWrap          = true;
   }

   scrollElem.onmouseover = new Function('stopscroll = true');
   scrollElem.onmouseout  = new Function('stopscroll = false');

   preTop     = 0;
   currentTop = 0;
   stoptime   = 0;

   leftElem = document.getElementById(marqueCName);
   scrollElem.appendChild(leftElem.cloneNode(true));
   
   init_srolltext();

 }catch(e) {}
}
function init_srolltext(){
  scrollElem.scrollTop = 0;
  setInterval('scrollUp()', 19);
}

function scrollUp(){
  if(stopscroll) return;
  currentTop += 1;
  if(currentTop == marqueesHeight+1) {
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == (marqueesHeight)*4) {//停顿时间
      currentTop = 0;
      stoptime = 0;
    }
  }else{

    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop = marqueesHeight;
      scrollElem.scrollTop += 1;
    }
  }
}
</Script>

作者 aba 本文仅代表作者观点,与龙卷风资讯网立场无关。

我来说两句

内容/Content