<style type="text/css"> *{ padding:0; margin:0; font-size:12px;} body{width:100%;height:100%; text-align:center;} #srollcontainer{width:200px;height:200px; margin:100px; padding:5px; border:#CCCCCC 1px solid;overflow:hidden;} #srolldiv{width:200px; text-align:left;position:absolute;} </style> <script language="javascript"> var N_sroll_Height=0; var N_sroll_state="stop"; var N_sroll_stoptime=0; var N_sroll_page=0; var N_sroll_max=0; var N_sroll_maxtime=20; var speeddistance=3; var tempobj; var tempobj2;
function getobj(fuc_name) { return document.getElementById(fuc_name); }
function srollpages(fuc_top) { if(N_sroll_state=="sroll") { N_sroll_page+=3; if( N_sroll_page > (N_sroll_max-speeddistance)) {N_sroll_state="stop";N_sroll_page=0;N_sroll_stoptime=0;} } if(N_sroll_state=="stop") { N_sroll_stoptime++; if(N_sroll_stoptime>N_sroll_maxtime) {N_sroll_state="sroll";N_sroll_stoptime=0;} } window.status= (-fuc_top) + "|N_sroll_page:" + N_sroll_page + "|status:" + N_sroll_state + "|N_sroll_max:" + N_sroll_max + "|N_sroll_maxtime:" +N_sroll_maxtime +"|"+N_sroll_stoptime; return N_sroll_state=="stop"?true:false; }
function Marquee() { var temptop; temptop=tempobj.style.pixelTop; temptop=(temptop<N_sroll_Height?-1:temptop-speeddistance) if(srollpages(temptop)) return; tempobj.style.pixelTop=temptop; }
function N_sroll(fuc_name,fuc_name2) { var speed=50; var tempstr=""; tempobj2=getobj(fuc_name); tempobj=getobj(fuc_name2); if(tempobj2==null||tempobj==null) return; N_sroll_Height=-(tempobj.offsetHeight); N_sroll_max=tempobj2.offsetHeight; tempobj.style.pixelLeft=0; tempstr=tempobj.innerHTML; tempobj.innerHTML=tempstr+tempstr; var MyMar=setInterval(Marquee,speed); tempobj.onmouseover=function() {clearInterval(MyMar)} tempobj.onmouseout=function() {MyMar=setInterval(Marquee,speed)} }
</script> </head> <body> <div id="srollcontainer"> <div id="srolldiv"> fdsafasdf fasdf<br> fsadf<br> fasdfsadf<br> </div> </div> <script language="javascript"> N_sroll("srollcontainer","srolldiv"); </script>