• 新闻上下滚动插件


    //头条新闻上下滚动
    
     <div class="mesBox" id="mesBox">
                            <span></span>
                            <ul class="latest_txt">
                                <li>
                           <a href="##" style="color:#ca4712;">ceshiceishiceshi </a> 
                                    </li>
                      
                                </ul>
                        </div>
    
    
    
    //调用
    $('#mesBox').Slidepag(5000)
    
    //js
    //头条新闻上下滚动
    (function($){
    $.fn.Slidepag=function(speed){
    new Slide(this,speed);
    }
    function Slide(obj,speed){
    var self=this;
    $(obj).hover(function(){
    self.stop();
    },function(){
    self.start();
    })
    this.start=function(){
    this.begin=setInterval(function(){
    $(obj).find('ul>li:eq(0)').animate({'margin-top':'-35px'},'slow',function(){
    $(this).clone().css('margin-top',0).appendTo($(obj).find('ul'));
    $(this).remove();
    })
    },speed)
    }
    this.stop=function(){
    clearInterval(this.begin);
    }
    self.start();
    }
    })(jQuery)
    
     
    
     
    
     
    
     
    
     
    
     
    
      
    
     
    
     
    

      

  • 相关阅读:
    jQuery-css
    了解jQuery
    jQuery属性
    jQuery常用效果
    jQuery_$工具方法
    jQuery选择器
    jQuery核心对象
    $
    jQuery两把利器
    JavaScriptDOM
  • 原文地址:https://www.cnblogs.com/chenglideyueguang/p/7073455.html
Copyright © 2020-2023  润新知