offsetleft为什么我写的无缝滚动offsetleft一直是0

offsetleft  时间:2022-02-23  阅读:()

js中,style.left和offesetleft区别,为什么这里不能相互使用

ni的css属性left 除非是内联样式,或通过style.left赋值了,才有,不然即使有定位,通过n1.style.left取过来的也是null。 var?left=0; var?elem=n1; do{ ????left+=elem.offsetLeft;//距上个定位点距离 ????if(elem.tagName!="BODY"){//忽略窗口滚动条 ????????left-=elem.scrollLeft; ????}; }while(elem=elem.offsetParent); //left就好了... if(left==195){movecaption();}

为什么我写的无缝滚动offsetleft一直是0

<!DOCTYPE> <html> <head> <meta?"?align="center"> <table?cellpadding="2"?cellspacing="0"?border="0"> <tr?align="center"> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> </tr> </table> </td> <td?id="colee_left2"?valign=&"></td> </tr> </table> </div> <script> //使用div时,请保证colee_left2与colee_left1是在同一行上. var?speed=30//速度数值越大速度越慢 var?colee_left2=document.getElementById("colee_left2"); var?colee_left1=document.getElementById("colee_left1"); var?colee_left=document.getElementById("colee_left"); colee_left2.innerHTML=colee_left1.innerHTML function?Marquee3(){ if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth?是对象的可见宽度 colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth?是对象的实际内容的宽,不包边线宽度 else{ colee_left.scrollLeft++ } } var?MyMar3=setInterval(Marquee3,speed) colee_left.onmouseover=function()?{clearInterval(MyMar3)} colee_left.onmouseout=function()?{MyMar3=setInterval(Marquee3,speed)} </script> <!--向左滚动代码结束--> <br> <!--下面是向右滚动代码--> <div?id="colee_right"?style="overflow:hidden;width:500px;"> <table?cellpadding="0"?cellspacing="0"?border="0"> <tr><td?id="colee_right1"?valign=&"?align="center"> <table?cellpadding="2"?cellspacing="0"?border="0"> <tr?align="center"> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> <td><p><img?src="/jscss/demoimg/200907/bg3.jpg"></p></td> </tr> </table> </td> <td?id="colee_right2"?valign=&"></td> </tr> </table> </div> <script> var?speed=30//速度数值越大速度越慢 var?colee_right2=document.getElementById("colee_right2"); var?colee_right1=document.getElementById("colee_right1"); var?colee_right=document.getElementById("colee_right"); colee_right2.innerHTML=colee_right1.innerHTML function?Marquee4(){ if(colee_right.scrollLeft<=0) colee_right.scrollLeft+=colee_right2.offsetWidth else{ colee_right.scrollLeft-- } } var?MyMar4=setInterval(Marquee4,speed) colee_right.onmouseover=function()?{clearInterval(MyMar4)} colee_right.onmouseout=function()?{MyMar4=setInterval(Marquee4,speed)} </script> <!--向右滚动代码结束--> </body> </html>

7月RAKsmart独立服务器和站群服务器多款促销 G口不限量更低

如果我们熟悉RAKsmart商家促销活动的应该是清楚的,每个月的活动看似基本上一致。但是有一些新品或者每个月还是有一些各自的特点的。比如七月份爆款I3-2120仅30美金、V4新品上市,活动期间5折、洛杉矶+硅谷+香港+日本站群恢复销售、G口不限流量服务器比六月份折扣力度更低。RAKsmart 商家这个月依旧还是以独立服务器和站群服务器为主。当然也包括有部分的低至1.99美元的VPS主机。第一、I...

PhotonVPS:美国Linux VPS半价促销2.5美元/月起,可选美国洛杉矶/达拉斯/芝加哥/阿什本等四机房

photonvps怎么样?photonvps现在针对旗下美国vps推出半价促销优惠活动,2.5美元/月起,免费10Gbps DDoS防御,Linux系统,机房可选美国洛杉矶、达拉斯、芝加哥、阿什本。以前觉得老牌商家PhotonVPS贵的朋友可以先入手一个月PhotonVPS美国Linux VPS试试了。PhotonVPS允许合法大人内容,支持支付宝、paypal和信用卡,30天退款保证。Photo...

享有云:美国BGP云服务器低至20元/月起,首月打折;香港2核2G2M仅50元/月起

享有云怎么样?享有云是一家新的国内云服务器商家,目前提供国内、香港及海外地区的云服务器,拥有多线路如:BGP线路、CN2线路、高防等云服务器,并且提供稳定、安全、弹性、高性能的云端计算服务,实时满足您的多样性业务需求。目前,美国bgp云服务器,5M带宽,低至20元/月起,270元/年起,首月打折;香港2核2G2M仅50元/月起,450元/年起!点击进入:享有云官方网站地址享有云优惠活动:一、美国B...

offsetleft为你推荐
wmiprvsewmiprvse.exe能禁用吗开票系统网上申请的发票怎么读入开票系统郭凡生慧聪的董事长是谁?跟马云比,怎么样?电子日历我想做个项目 如何在电子日历中进行时间的选择拓扑关系什么是矢量数据、栅格数据、拓扑关系?备忘录模式为什么我的华为手机界面总是有个框框在备忘录上面调度系统现在有很多人说同城调度系统,这是用来干嘛的呀?索引超出了数组界限求助大神什么叫索引超出了数组界限vipjrvipjr跟哒哒英语比,两家公司的区别在哪里?各自的特点有哪些?问卷星登陆问卷星的使用步骤
北京域名空间 什么是域名地址 wordpress主机 dns是什么 namecheap 安云加速器 日志分析软件 标准机柜尺寸 云图标 免费ftp空间申请 太原联通测速平台 dux 域名转向 ftp教程 阿里校园 vip购优惠 cdn加速是什么 河南移动m值兑换 电信主机 贵阳电信测速 更多