// JavaScript Document var spd_p_cj = 800; var speed_cj=3000; var mg_left_cj=0; var MyMar_cj; var box_cj; var box_cj_1; var box_cj_2; var li_wh_cj = 0; var li_num_cj = 0; var cur_li_cj=0; $(function () { box_cj = $(".cj_box"); box_cj_1 = $(".cj_box_1"); box_cj_2 = $(".cj_box_2"); li_wh_cj = box_cj_1.find("li").width() + parseInt(box_cj_1.find("li").css("padding-right")) + parseInt(box_cj_1.find("li").css("margin-right")) + 1; li_num_cj = box_cj_1.find("li").length; box_cj_1.width(li_wh_cj * li_num_cj); box_cj.width(2*li_wh_cj * li_num_cj) //执行滚动 if (li_num_cj > 5) { setTimeout("f_move_cj()", spd_p_cj); } }); //开始执行滚动 function f_move_cj(){ box_cj_2.html(box_cj_1.html()).width(li_wh_cj*li_num_cj); MyMar_cj=setInterval(Marquee_cj,speed_cj); $("#cj_prev").bind("click", f_right_cj); $("#cj_next").bind("click", f_left_cj); $(".cj_box").hover( function(){ clearInterval(MyMar_cj); }, function(){ clearInterval(MyMar_cj); MyMar_cj=setInterval(Marquee_cj,speed_cj); } ); } //滚动事件,初始 function Marquee_cj(){ var _left = box_cj.css("margin-left"); var _mg_left = parseInt(_left); if(cur_li_cj >= li_num_cj){ box_cj.css({"margin-left":0}); mg_left_cj = 0; cur_li_cj=0; } cur_li_cj++; mg_left_cj = mg_left_cj-li_wh_cj; box_cj.stop().animate({"margin-left":mg_left_cj},1000); } //向左滚动 function f_left_cj(){ clearInterval(MyMar_cj); var _left = box_cj.css("margin-left"); var _mg_left = parseInt(_left); if(cur_li_cj >= li_num_cj){ box_cj.css({"margin-left":0}); mg_left_cj = 0; cur_li_cj=0; } cur_li_cj++; mg_left_cj = mg_left_cj-li_wh_cj; box_cj.stop().animate({"margin-left":mg_left_cj},1000); } //向右滚动 function f_right_cj(){ clearInterval(MyMar_cj); var _left = box_cj.css("margin-left"); var _mg_left = parseInt(_left); if(cur_li_cj <= 0){ box_cj.css({"margin-left": -1*box_cj_1.width()}); mg_left_cj = -1*box_cj_1.width(); cur_li_cj=li_num_cj; } cur_li_cj--; mg_left_cj = mg_left_cj+li_wh_cj; box_cj.stop().animate({"margin-left":mg_left_cj},1000); }