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>

Hostiger 16G大内存特价VPS:伊斯坦布尔机房,1核50G SSD硬盘200Mbps带宽不限流量$59/年

国外主机测评昨天接到Hostigger(现Hostiger)商家邮件推送,称其又推出了一款特价大内存VPS,机房位于土耳其的亚欧交界城市伊斯坦布尔,核50G SSD硬盘200Mbps带宽不限月流量只要$59/年。 最近一次分享的促销信息还是5月底,当时商家推出的是同机房同配置的大内存VPS,价格是$59.99/年,不过内存只有10G,虽然同样是大内存,但想必这次商家给出16G,价格却是$59/年,...

HostKvm:香港国际/韩国KVM夏季7折,2G内存套餐月付5.95美元起

HostKvm是一家成立于2013年的国外主机服务商,主要提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。目前商家发布了夏季特别促销活动,针对香港国际/韩国机房VPS主机提供7折优惠码,其他机房全场8折,优惠后2GB内存套餐月付5.95美元起。下面分别列出几款主机套餐配置信息。套餐:韩国KR...

美得云(20元)香港特价将军澳CTG+CN2云服务器

美得云成立于2021年,是一家云产品管理服务商(cloud)专业提供云计算服务、DDOS防护、网络安全服务、国内海外数据中心托管租用等业务、20000+用户的选择,43800+小时稳定运行香港特价将军澳CTG+CN2云服务器、采用高端CPU 优质CN2路线 SDD硬盘。香港CTG+CN22核2G3M20G数据盘25元点击购买香港CTG+CN2​2核2G5M30G数据盘39元点击购买香港CTG+CN...

offsetleft为你推荐
元宝网vap数字资产是不是传销showwindowvfp中菜单生成不能运行,提示说要把showwindow属性设为2,不懂求解foxmail邮箱注册Foxmail怎么注册喏?cf加速器玩CF需要用加速器吗?mediasres什么意思数据分析报告范文800字统计分析报告pci数据捕获和信号处理控制器三星450r5v x05 设备管理器出现pci数据捕获和信号处理控制器有个黄色的感叹号怎么办优众网瑞达恒慧讯网是做什么的?药品标准查询药品国家标准怎么查阅菜霸电视剧《你是我的生命》演员表
双线虚拟主机 免费域名跳转 中国万网域名 lnmp lamp安装 腾讯云盘 阿里云os 浙江独立 100m免费空间 php空间申请 免空 河南m值兑换 世界测速 php空间购买 绍兴电信 万网空间购买 美国独立日 双线asp空间 服务器论坛 中国联通宽带测速 更多