$(function(){ //scroll_x("honor_list",5000,400); scroll_y("index_toutiao",4000,500); }); function scroll_x(id,timer,time){ var css = "."+id; if($(css+" .auto_list").size() > 0){ var list_key1; var sn = true; function auto_display1(){ list_key1 = setinterval(function(){ if(sn){ var li_width = $(css+" .auto_list>li").width() + parseint($(css+" .auto_list>li").css("marginright").replace("px","")); var p_num = $(css+" .auto_list>li").size(); $(css+" .auto_list:not(:animated)").find("li").eq(0).clone().appendto(css+" .auto_list"); var margin_left = parseint($(css+" .auto_list").css("margin-left").replace("px","")) - li_width; $(css+" .auto_list:not(:animated)").stop().animate({"margin-left":margin_left+"px"},time,function(){ $(css+" .auto_list li").eq(0).remove(); $(css+" .auto_list").css("margin-left","0"); }); } },timer); } auto_display1(); $(css+" .auto_list").hover( function(){ sn = false; }, function(){ sn = true; } ); }; $(css+" .auto_list_next").click(function(){ clearinterval(list_key1); var li_width = $(css+" .auto_list>li").width() + parseint($(css+" .auto_list>li").css("marginright").replace("px","")); var p_num = $(css+" .auto_list>li").size(); $(css+" .auto_list:not(:animated)").find("li").eq(0).clone().appendto(css+" .auto_list"); var margin_left = parseint($(css+" .auto_list").css("margin-left").replace("px","")) - li_width; $(css+" .auto_list:not(:animated)").stop().animate({"margin-left":margin_left+"px"},time,function(){ $(css+" .auto_list li").eq(0).remove(); $(css+" .auto_list").css("margin-left","0"); auto_display1(); }); }); $(css+" .auto_list_prev").click(function(){ clearinterval(list_key1); var p_num = $(css+" .auto_list>li").size(); var li_width = $(css+" .auto_list>li").width() + parseint($(css+" .auto_list>li").css("marginright").replace("px","")); margin_left = parseint($(css+" .auto_list").css("margin-left").replace("px","")) - li_width; $(css+" .auto_list:not(:animated)").find("li").eq(p_num - 1).clone().prependto(css+" .auto_list");//先将最后一张复制到第一张去 $(css+" .auto_list").css("margin-left",margin_left+"px"); margin_left = margin_left + li_width; $(css+" .auto_list:not(:animated)").stop().animate({"margin-left":margin_left+"px"},time,function(){ $(css+" .auto_list li").eq(p_num).remove(); auto_display1(); }); }); }; function scroll_y(id,timer,time){ var css = "."+id; if($(css+" .auto_list").size() > 0){ var list_key2; function auto_display2(){ list_key2 = setinterval(function(){ var li_width = $(css+" .auto_list>li").height() + parseint($(css+" .auto_list>li").css("margintop").replace("px","")); var p_num = $(css+" .auto_list>li").size(); $(css+" .auto_list:not(:animated)").find("li").eq(0).clone().appendto(css+" .auto_list"); var margin_left = parseint($(css+" .auto_list").css("margin-top").replace("px","")) - li_width; $(css+" .auto_list:not(:animated)").stop().animate({"margin-top":margin_left+"px"},time,function(){ $(css+" .auto_list li").eq(0).remove(); $(css+" .auto_list").css("margin-top","0"); }); },timer); } auto_display2(); }; $(css+" .auto_list_prev").click(function(){ clearinterval(list_key2); var li_width = $(css+" .auto_list>li").height() + parseint($(css+" .auto_list>li").css("margintop").replace("px","")); var p_num = $(css+" .auto_list>li").size(); $(css+" .auto_list:not(:animated)").find("li").eq(0).clone().appendto(css+" .auto_list"); var margin_left = parseint($(css+" .auto_list").css("margin-top").replace("px","")) - li_width; $(css+" .auto_list:not(:animated)").stop().animate({"margin-top":margin_left+"px"},time,function(){ $(css+" .auto_list li").eq(0).remove(); $(css+" .auto_list").css("margin-top","0"); auto_display2(); }); }); $(css+" .auto_list_next").click(function(){ clearinterval(list_key2); var p_num = $(css+" .auto_list>li").size(); var li_width = $(css+" .auto_list>li").height() + parseint($(css+" .auto_list>li").css("margintop").replace("px","")); margin_left = parseint($(css+" .auto_list").css("margin-top").replace("px","")) - li_width; $(css+" .auto_list:not(:animated)").find("li").eq(p_num - 1).clone().prependto(css+" .auto_list");//先将最后一张复制到第一张去 $(css+" .auto_list").css("margin-top",margin_left+"px"); margin_left = margin_left + li_width; $(css+" .auto_list:not(:animated)").stop().animate({"margin-top":margin_left+"px"},time,function(){ $(css+" .auto_list li").eq(p_num).remove(); auto_display2(); }); }); };