上下左右滚动

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值