function hscroll(domid,lid,rid,time){ function e(domid){ return typeof domid=="object" ? domid:document.getelementbyid(domid); } domid=e(domid); lid=e(lid); rid=e(rid); var t=this; t.left=0; t.step=1; t.init=function(){ t.addevent(); $("#pro_list").css({'overflow':'hidden'}); var w=($("#pro_list>ul li").width()+14)*$("#pro_list>ul").children().length; domid.swrapw=w; $("#pro_list ul").append($("#pro_list ul").html()).width(2*w); domid.duration="right"; t.scroll(); }; t.addevent=function(){ $(lid).click(function(){ domid.duration="right"; }); $(rid).click(function(){ domid.duration="left"; }); $(domid).mouseenter(function(){ window.cleartimeout(t.timer); }).mouseleave(function(){ t.scroll(); }); }; t.scroll=function(){ t.timer=window.settimeout(function(){ if(domid.duration=="right"){ t.left+=t.step; if(t.left>=domid.swrapw){ t.left=0; } }else{ t.left-=t.step; if(t.left<=0){ t.left=domid.swrapw; } } domid.scrollleft=t.left; t.timer=window.settimeout(arguments.callee,30); },30); } t.init(); } new hscroll("pro_list","pro_left","pro_right");