首页 > 其他 > 详细

新闻滚动

时间:2014-11-25 10:32:04      阅读:244      评论:0      收藏:0      [点我收藏+]
//新闻滚动
(function($) {
  $.fn.myScroll = function(options) {
    var opts = $.extend(true, {},
    $.fn.myScroll.defaults, options);
    return this.each(function() {
        var $this = $(this);
        var $li=$this.find("li"),
            li_len=$li.length,
            li_height=$li.outerHeight(),
            page_li_len=Math.floor($this.height()/li_height),
            page=Math.ceil(li_len/page_li_len),
            scrollHeight=li_height*(page_li_len),
            li_width=$li.width(),
            index=0;
        var slideFunc=function(){
            if(index>=page){index=0;}else if(index<=-1){index=page-1;}
            console.log(index);
            $this.find("ul").animate({marginTop:-index*scrollHeight});
            };
        $this.find(".prev").on("click",function(){
            index=index-1;
            slideFunc();
        });
        $this.find(".next").on("click",function(){
            index=index+1;
            slideFunc();
        });
    });
  };
  $.fn.myScroll.defaults = {
  };
})(jQuery);

 

新闻滚动

原文:http://www.cnblogs.com/dingyuanxin/p/4120297.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!