码迷,mamicode.com
首页 > 其他好文 > 详细

新闻滚动

时间:2014-11-25 10:32:14      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   sp   on   div   log   

//新闻滚动
(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);

 

新闻滚动

标签:style   blog   io   ar   color   sp   on   div   log   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!