// 产品分类一 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid ul'), btnleft: $('.left'), btnright: $('.right'), thisli: $('.mid ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类二 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid1 ul'), btnleft: $('.left1'), btnright: $('.right1'), thisli: $('.mid1 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left1").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right1").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类三 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid2 ul'), btnleft: $('.left2'), btnright: $('.right2'), thisli: $('.mid2 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left2").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right2").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类四 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid3 ul'), btnleft: $('.left3'), btnright: $('.right3'), thisli: $('.mid3 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left3").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right3").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类五 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid4 ul'), btnleft: $('.left4'), btnright: $('.right4'), thisli: $('.mid4 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left4").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right4").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类六 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid5 ul'), btnleft: $('.left5'), btnright: $('.right5'), thisli: $('.mid5 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left5").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right5").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类七 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid6 ul'), btnleft: $('.left6'), btnright: $('.right6'), thisli: $('.mid6 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left6").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right6").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类八 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid7 ul'), btnleft: $('.left7'), btnright: $('.right7'), thisli: $('.mid7 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left7").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right7").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) }) // 产品分类10 $(function() { var width=259;//每个图片宽度 var movement_speed=500;//滚动速度 var movement_time=3000;//滚动间隔时间 var slidex = { thisul: $('.mid8 ul'), btnleft: $('.left8'), btnright: $('.right8'), thisli: $('.mid8 ul li'), init: function () { slidex.thisul.width(slidex.thisli.length * width); slidex.slideauto(); slidex.btnleft.click(slidex.slideleft).hover(slidex.slidestop, slidex.slideauto); slidex.btnright.click(slidex.slideright).hover(slidex.slidestop, slidex.slideauto); slidex.thisul.hover(slidex.slidestop, slidex.slideauto); }, slideleft: function () { slidex.btnleft.unbind('click', slidex.slideleft); slidex.thisul.find('li:last').prependto(slidex.thisul); slidex.thisul.css('marginleft', 0-width); slidex.thisul.animate({ 'marginleft': 0 }, movement_speed, function () { slidex.btnleft.bind('click', slidex.slideleft); }); return false; }, slideright: function () { slidex.btnright.unbind('click', slidex.slideright); slidex.thisul.animate({ 'marginleft': 0-width}, movement_speed, function () { slidex.thisul.css('marginleft', '0'); slidex.thisul.find('li:first').appendto(slidex.thisul); slidex.btnright.bind('click', slidex.slideright); }); return false; }, slideauto: function () { slidex.intervalid = window.setinterval(slidex.slideright, movement_time); }, slidestop: function () { window.clearinterval(slidex.intervalid); } } $(document).ready(function () { slidex.init(); }) }) $(function(){ $(".left8").hover(function(){ $(this).addclass("lefthover") },function(){ $(this).removeclass("lefthover") }) }) $(function(){ $(".right8").hover(function(){ $(this).addclass("righthover") },function(){ $(this).removeclass("righthover") }) })