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>

ftlcloud9元/月,美国云服务器,1G内存/1核/20g硬盘/10M带宽不限/10G防御

ftlcloud(超云)目前正在搞暑假促销,美国圣何塞数据中心的云服务器低至9元/月,系统盘与数据盘分离,支持Windows和Linux,免费防御CC攻击,自带10Gbps的DDoS防御。FTL-超云服务器的主要特色:稳定、安全、弹性、高性能的云端计算服务,快速部署,并且可根据业务需要扩展计算能力,按需付费,节约成本,提高资源的有效利用率。活动地址:https://www.ftlcloud.com...

CloudCone:洛杉矶MC机房KVM月付1.99美元起,支持支付宝/PayPal

CloudCone是一家成立于2017年的国外VPS主机商,提供独立服务器租用和VPS主机,其中VPS基于KVM架构,多个不同系列,譬如常规VPS、大硬盘VPS等等,数据中心在洛杉矶MC机房。商家2021年Flash Sale活动继续,最低每月1.99美元,支持7天退款到账户,支持使用PayPal或者支付宝付款,先充值后下单的方式。下面列出几款VPS主机配置信息。CPU:1core内存:768MB...

美得云(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为你推荐
app兼容测试拿到一个APP后主要的测试项有什么?akflol中 akf学习还剩5次是什么意思?溢出隐藏overflow:hidden:溢出隐藏了。查字网拐字换什么偏旁 成新字李昊天铠甲勇士刑天中人物资料deviceid如何查看自己安卓手机的Android Device IDjql建筑设计图纸上JQL 梁,是不是地下正负零基础梁?急急!rownumbersql server 2005中row_number怎么用网页微信客户端手机微信客户端怎么打开网页spawningvc出现error spawning c1.exe怎么解决?
域名注册信息查询 政务和公益机构域名注册管理中心 北京域名注册 duniu singlehop 免费全能主机 phpmyadmin配置 美国免费空间 爱奇艺vip免费领取 支付宝扫码领红包 in域名 google台湾 net空间 金主 中国联通宽带测速 杭州电信宽带 rewritecond zcloud 酷锐 美国代理服务器 更多