日期:2014-05-18  浏览次数:20583 次

循环滚动绑定数据
我想实现 <ol id="roll">里面的代码不仅可以绑定数据库 而且可以循环滚动 请大家给只个招 用什么方法可以搞定啊
前台代码:
<ol id="roll">
  <li> <a title="学校动态" target="_blank" href="StudentLogin.aspx"> 学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1060.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1059.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1058.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1057.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/ljwb/1056.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/ljwb/1055.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/qtdm/1054.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/txtx/1036.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/txtx/1035.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/cddh/1034.htm"> 
  学校动态</a></li>
  <li> <a title="学校动态" target="_blank" href="http://www.csrcode.cn/html/txdm/ljwb/1032.htm"> 
  学校动态</a></li>
  </ol>


 <script type="text/javascript">
(function(A){
  function _ROLL(obj){
  this.ele = document.getElementById(obj);
  this.interval = false;
  this.currentNode = 0;
  this.passNode = 0;
  this.speed = 100;
  this.childs = _childs(this.ele);
  this.childHeight = parseInt(_style(this.childs[0])['height']);
  addEvent(this.ele,'mouseover',function(){
  window._loveYR.pause();
  });
  addEvent(this.ele,'mouseout',function(){
  window._loveYR.start(_loveYR.speed);
  });
  }
  function _style(obj){
  return obj.currentStyle || document.defaultView.getComputedStyle(obj,null);
  }
  function _childs(obj){
  var childs = [];
  for(var i=0;i<obj.childNodes.length;i++){
  var _this = obj.childNodes[i];
  if(_this.nodeType===1){
  childs.push(_this);
  }
  }  
  return childs;
  }
 function addEvent(elem,evt,func){
  if(-[1,]){
  elem.addEventListener(evt,func,false);