jQuery.textSlider.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. /**
  2. * @author feiwen
  3. */
  4. (function($){
  5. $.fn.textSlider = function(settings){
  6. settings = jQuery.extend({
  7. speed : "normal",
  8. line : 2,
  9. timer : 3000
  10. }, settings);
  11. return this.each(function() {
  12. $.fn.textSlider.scllor( $( this ), settings );
  13. });
  14. };
  15. $.fn.textSlider.scllor = function($this, settings){
  16. var ul = $("ul:eq(0)",$this );
  17. var timerID;
  18. var li = ul.children();
  19. var liHight=$(li[0]).height();
  20. var upHeight=0-settings.line*liHight;//滚动的高度;
  21. var scrollUp=function(){
  22. ul.animate({marginTop:upHeight},settings.speed,function(){
  23. for(i=0;i<settings.line;i++){
  24. ul.find("li:first",$this).appendTo(ul);
  25. }
  26. ul.css({marginTop:0});
  27. });
  28. };
  29. var autoPlay=function(){
  30. timerID = window.setInterval(scrollUp,settings.timer);
  31. };
  32. var autoStop = function(){
  33. window.clearInterval(timerID);
  34. };
  35. //事件绑定
  36. ul.hover(autoStop,autoPlay).mouseout();
  37. };
  38. })(jQuery);