//滚动 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); }; } function news_scroll(){ //产品滚动 var speed = 60; //数字越大速度越慢 var tab = document.getElementById("ydemo"); var tab1 = document.getElementById("ydemo1"); var tab2 = document.getElementById("ydemo2"); tab2.innerHTML = tab1.innerHTML; function Marquee(){ if (tab2.offsetHeight - tab.scrollTop <= 0){ tab.scrollTop = 0; }else{ var tmp = tab.scrollTop; tab.scrollTop++; if (tab.scrollTop == tmp){ tab.scrollTop = 1; } } } var MyMar = setInterval(Marquee,speed); tab.onmouseover = function(){ clearInterval(MyMar); }; tab.onmouseout = function(){ MyMar = setInterval(Marquee,speed); }; }