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>

HostKvm新上联通CUVIP线路VPS,八折优惠后1G内存套餐$5.2/月起

最近上洛杉矶机房联通CUVIP线路主机的商家越来越多了,HostKvm也发来了新节点上线的邮件,适用全场8折优惠码,基于KVM架构,优惠后最低月付5.2美元起。HostKvm是一家成立于2013年的国人主机商,提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,君选择国内直连或优化线路,延迟较低,适合建站或者远程办公等。以洛杉矶CUVIP线路主机为例,...

萤光云(13.25元)香港CN2 新购首月6.5折

萤光云怎么样?萤光云是一家国人云厂商,总部位于福建福州。其成立于2002年,主打高防云服务器产品,主要提供福州、北京、上海BGP和香港CN2节点。萤光云的高防云服务器自带50G防御,适合高防建站、游戏高防等业务。目前萤光云推出北京云服务器优惠活动,机房为北京BGP机房,购买北京云服务器可享受6.5折优惠+51元代金券(折扣和代金券可叠加使用)。活动期间还支持申请免费试用,需提交工单开通免费试用体验...

A2Hosting三年付$1.99/月,庆祝18周年/WordPress共享主机最高优惠81%/100GB SSD空间/无限流量

A2Hosting主机,A2Hosting怎么样?A2Hosting是UK2集团下属公司,成立于2003年的老牌国外主机商,产品包括虚拟主机、VPS和独立服务器等,数据中心提供包括美国、新加坡softlayer和荷兰三个地区机房。A2Hosting在国外是一家非常大非常有名气的终合型主机商,拥有几百万的客户,非常值得信赖,国外主机论坛对它家的虚拟主机评价非常不错,当前,A2Hosting主机庆祝1...

offsetleft为你推荐
抓包什么是"抓包"?怎样"抓包"?ISDNisdn是什么意思最开放的浏览器目前最好的游览器?郭凡生慧聪的董事长是谁?跟马云比,怎么样?tvosTVOS系统是什么?备忘录模式手机如何设置备忘录提醒php论坛怎样快速在个人电脑上建立一个自己的PHP论坛服务器?faq是什么意思fans是什么意思?cf加速器玩cf ping高用什么加速器比较好图片存储怎么设置图片的保存类型
泛域名 cn域名个人注册 adman 美国主机论坛 NetSpeeder 搜狗抢票助手 一点优惠网 网通代理服务器 云鼎网络 ibox官网 cpanel空间 web服务器架设 seednet 100m独享 linux使用教程 常州联通宽带 如何建立邮箱 四川电信商城 下载速度测试 中国linux 更多