滚动条的特殊实现－for国际周易

此为滚动条的特殊实现，国际周易的徐兄弟需要，特共享出来。厚厚

  <table width="100%" border="0" cellspacing="1" cellpadding="4" bgcolor="#d6d7d6" align="center">
        <tr>
          <td bgcolor="#eff3f7" class="eng"><b>Links:</b> &nbsp;
<script>
var marqueeContent=new Array();   //定义一个数组，用来存放显示内容
marqueeContent[0]='<a href="http://www.blueidea.com" target="_blank"> Blueidea</a> | ';
marqueeContent[1]='<a href="http://www.eyenovo.com/traveller" target="_blank">Traveller</a> | ';
marqueeContent[2]='<a href="http://www.eyenovo.com/hawkgos" target="_blank">Hawkgos</a> | ';
marqueeContent[3]='<a href="http://www.isiknowledge.com " target="_blank">SCI WebKnowledge</a> | ';
marqueeContent[4]='<a href="http://www.cordis.lu/en/home.html" target="_blank">EU Tech</a> | ';
marqueeContent[5]='<a href="http://arrowsmith.psych.uic.edu/arrowsmith_uic/" target="_blank">Arrowsmith</a> | ';
marqueeContent[6]='<a href="http://potentialscience.org" target="_blank">P Science</a> | ';
marqueeContent[7]='<a href="http://sucaicd.com/" target="_blank">Sucai</a> | ';
marqueeContent[8]='<a href="http://www.6to23.com/" target="_blank">6to23</a> | ';
marqueeContent[9]='<a href="http://www.qianlong.com/" target="_blank">BJ News</a> | ';
marqueeContent[10]='<a href="http://www.cyol.net/" target="_blank">CYOL</a> | ';
marqueeContent[11]='<a href="http://www.onlinedown.net" target="_blank">NewHua</a> | ';
marqueeContent[12]='<a href="http://www.skycn.com" target="_blank">Skycn</a> | ';
marqueeContent[13]='<a href="http://www.mydrivers.com" target="_blank">Mydrivers</a> | ';
marqueeContent[14]='<a href="http://www.51job.com" target="_blank">51job</a> | ';
marqueeContent[15]='<a href="http://www.chinahr.com" target="_blank">Chinahr</a> | ';
marqueeContent[16]='<a href="http://www.dmchina.org" target="_blank">dmchina</a> | ';
marqueeContent[17]='<a href="http://www.megaputer.com/" target="_blank">megaputer</a> | ';
marqueeContent[18]='<a href="http://www.intsci.ac.cn" target="_blank">intsci</a> | ';

var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=3000;
var marqueeHeight=21;

//接下来的是定义一些要使用到的函数
Array.prototype.random=function() {
 var a=this;
 var l=a.length;
 for(var i=0;i<l;i++) {
  var r=Math.floor(Math.random()*(l-i));
  a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]);
  }
 return a;
 }
function initMarquee() {
 marqueeContent=marqueeContent.random();
 var str='';
 for(var i=0;i<Math.min(10,marqueeContent.length);i++) str+=(i>0?'':'')+marqueeContent[i];
 document.write('<span id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><span>'+str+'</span></span>');
 marqueeId+=2;
 if(marqueeContent.length>10)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
 }
function startMarquee() {
 var str='';
 for(var i=0;(i<10)&&(marqueeId+i<marqueeContent.length);i++) {
  str+=(i>0?'':'')+marqueeContent[marqueeId+i];
  }
 marqueeId+=10;
 if(marqueeId>marqueeContent.length)marqueeId=0;

 if(marqueeBox.childNodes.length==1) {
  var nextLine=document.createElement('DIV');
  nextLine.innerHTML=str;
  marqueeBox.appendChild(nextLine);
  }
 else {
  marqueeBox.childNodes[0].innerHTML=str;
  marqueeBox.appendChild(marqueeBox.childNodes[0]);
  marqueeBox.scrollTop=0;
  }
 clearInterval(marqueeInterval[1]);
 marqueeInterval[1]=setInterval("scrollMarquee()",20);
 }
function scrollMarquee() {
 marqueeBox.scrollTop++;
 if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
  clearInterval(marqueeInterval[1]);
  }
 }
initMarquee();
</script>
    </td>
        </tr>
    </table>