jQuery 기반 공고 무한 순환 스크롤 실현 코드

 
  
//   ：Newton   
  
(function (win){ 
  
var callboarTimer; 
  
var callboard = $('#callboard'); 
  
var callboardUl = callboard.find('ul'); 
  
var callboardLi = callboard.find('li'); 
  
var liLen = callboard.find('li').length; 
  
var initHeight = callboardLi.first().outerHeight(true); 
  
win.autoAnimation = function (){ 
  
if (liLen <= 1) return; 
  
var self = arguments.callee; 
  
var callboardLiFirst = callboard.find('li').first(); 
  
callboardLiFirst.animate({ 
  
marginTop:-initHeight 
  
}, 500, function (){ 
  
clearTimeout(callboarTimer); 
  
callboardLiFirst.appendTo(callboardUl).css({marginTop:0}); 
  
callboarTimer = setTimeout(self, 5000); 
  
}); 
  
} 
  
callboard.mouseenter( 
  
function (){ 
  
clearTimeout(callboarTimer); 
  
}).mouseleave(function (){ 
  
callboarTimer = setTimeout(win.autoAnimation, 5000); 
  
}); 
  
}(window)); 
  
setTimeout(window.autoAnimation, 5000); 
  
 
 

 
  
 
  
 
  
 
  
공지: 전단 팀 의 주 제 를 정리 하고 있 습 니 다. 필요 한 친구 가 있 으 면 메 시 지 를 남 겨 서 제때에 알려 주세요! 
  
 
  
 
  
  ：           ，PR  3，BD  1 
  
 
  
 
  
 
 
 
 
CSS  ：(       ) 
 
 
   
 
 
  
#callboard { height:24px; line-height:24px; overflow:hidden;} 
  
#callboard ul { padding:0;} 
  
#callboard li { padding:0;} 
  
 
 
 
 
      ： 
 
 
   
 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
  [2]：           ，PR  3，BD  1 
  
 
  
 
  
  [3]：   BloggerAds，       ，     ！ 
  
 
  
 
  
  [1]：          ..           ，       ！ 
  
 
  
 
  
 
  
 
  
 
  <br>(function (win){ 
  <br>var callboarTimer; 
  <br>var callboard = $('#callboard'); 
  <br>var callboardUl = callboard.find('ul'); 
  <br>var callboardLi = callboard.find('li'); 
  <br>var liLen = callboard.find('li').length; 
  <br>var initHeight = callboardLi.first().outerHeight(true); 
  <br>win.autoAnimation = function (){ 
  <br>if (liLen <= 1) return; 
  <br>var self = arguments.callee; 
  <br>var callboardLiFirst = callboard.find('li').first(); 
  <br>callboardLiFirst.animate({ 
  <br>marginTop:-initHeight 
  <br>}, 500, function (){ 
  <br>clearTimeout(callboarTimer); 
  <br>callboardLiFirst.appendTo(callboardUl).css({marginTop:0}); 
  <br>callboarTimer = setTimeout(self, 5000); 
  <br>}); 
  <br>} 
  <br>callboard.mouseenter( 
  <br>function (){ 
  <br>clearTimeout(callboarTimer); 
  <br>}).mouseleave(function (){ 
  <br>callboarTimer = setTimeout(win.autoAnimation, 5000); 
  <br>}); 
  <br>}(window)); 
  <br>setTimeout(window.autoAnimation, 5000); 
  <br>