//banner1 - 多图 function bb1(){ var nav_num = ''; var obj_li = $(".bb li"); var count = obj_li.length; obj_li.first().css("display","block"); obj_li.each(function(){ var index = $(this).index() + 1; nav_num += '
  • ' + index + '
  • '; }); $(".banner").append(''); $(".num li").first().addclass("num_hover"); $(".num li").hover(function(){ sw = $(".num li").index(this); myshow(sw); }); function myshow(i){ $(".num li").eq(i).addclass("num_hover").siblings().removeclass("num_hover"); obj_li.eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600); } var mytime = 0; //滑入停止动画,滑出开始动画 $(".bb").hover(function(){ if(mytime){ clearinterval(mytime); } },function(){ mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 3000); }); //自动开始 var sw = 0; mytime = setinterval(function(){ myshow(sw); sw++; if(sw == count){ sw=0; } } , 2000); } //滚动 function scroll(){ //产品滚动 var speed = 30; //数字越大速度越慢 var tab = document.getelementbyid("demo"); var tab1 = document.getelementbyid("demo1"); var tab2 = document.getelementbyid("demo2"); var liwidth=tab1.getelementsbytagname("li"); var liwidths=liwidth[0].offsetwidth; var length=$("#demo1 li").length; var mleft=parseint($("#demo1 li:eq(0)").css("marginleft")); var mright=parseint($("#demo1 li:eq(0)").css("marginright")); var totalwidth=(liwidths+mleft+mright)*length*2+300; $("#indemo").width(totalwidth); tab2.innerhtml = tab1.innerhtml; function marquee(){ if(tab2.offsetwidth - tab.scrollleft <= 0) tab.scrollleft -= tab1.offsetwidth; else{ tab.scrollleft++; } } var mymar = setinterval(marquee,speed); tab.onmouseover = function(){ clearinterval(mymar); }; tab.onmouseout = function(){ mymar = setinterval(marquee,speed); }; } //滚动 function scroll2(){ //产品滚动 var speed = 30; //数字越大速度越慢 var tab = document.getelementbyid("m_demo"); var tab1 = document.getelementbyid("m_demo1"); var tab2 = document.getelementbyid("m_demo2"); var liwidth=tab1.getelementsbytagname("li"); var liwidths=liwidth[0].offsetwidth; var length=$("#m_demo1 li").length; var mleft=parseint($("#m_demo1 li:eq(0)").css("marginleft")); var mright=parseint($("#m_demo1 li:eq(0)").css("marginright")); tab2.innerhtml = tab1.innerhtml; var derection=1; $(".l_btn").click(function(){ derection=1; }); $(".r_btn").click(function(){ derection=0; }); function marquee(){ if(derection){ if(tab2.offsetwidth - tab.scrollleft <= 0) tab.scrollleft -= tab1.offsetwidth; else{ tab.scrollleft++; } }else{ if(tab.scrollleft <= 0) tab.scrollleft += tab1.offsetwidth; else{ tab.scrollleft--; } } } var mymar = setinterval(marquee,speed); tab.onmouseover = function(){ clearinterval(mymar); }; tab.onmouseout = function(){ mymar = setinterval(marquee,speed); }; }