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>

spinservers:10Gbps带宽高配服务器月付89美元起,达拉斯/圣何塞机房

spinservers是一家主营国外服务器租用和Hybrid Dedicated等产品的商家,Majestic Hosting Solutions LLC旗下站点,商家数据中心包括美国达拉斯和圣何塞机房,机器一般10Gbps端口带宽,且硬件配置较高。目前,主机商针对达拉斯机房机器提供优惠码,最低款Dual E5-2630L v2+64G+1.6TB SSD月付89美元起,支持PayPal、支付宝等...

百星数据(60元/月,600元/年)日本/韩国/香港cn2 gia云服务器,2核2G/40G/5M带宽

百星数据(baixidc),2012年开始运作至今,主要提供境外自营云服务器和独立服务器出租业务,根据网络线路的不同划分为:美国cera 9929、美国cn2 gia、香港cn2 gia、韩国cn2 gia、日本cn2 gia等云服务器及物理服务器业务。目前,百星数据 推出的日本、韩国、香港cn2 gia云服务器,2核2G/40G/5M带宽低至60元/月,600元/年。百星数据优惠码:优惠码:30...

青云互联:洛杉矶CN2弹性云限时七折,Cera机房三网CN2gia回程,13.3元/月起

青云互联怎么样?青云互联是一家成立于2020年6月份的主机服务商,致力于为用户提供高性价比稳定快速的主机托管服务,目前提供有美国免费主机、香港主机、香港服务器、美国云服务器,让您的网站高速、稳定运行。目前,美国洛杉矶cn2弹性云限时七折,美国cera机房三网CN2gia回程 13.3元/月起,可选Windows/可自定义配置。点击进入:青云互联官网青云互联优惠码:七折优惠码:dVRKp2tP (续...

offsetleft为你推荐
oracle索引什么是Oracle的函数索引?网关和路由器的区别路由器和网关有什么区别?webcrack我用WebCrack4 在破解路由器密码的时候为什么在破解密码的中途自动关闭掉李昊天李昊天这名字给多少分jdk6jdk-6u14-windows-i586.exe是什么,具体点,谢谢ruby语言Ruby是一种什么样的语言,主要用来做什么,现在有一家公司让我从java转ruby,我很犹豫?imqq官网中国v家官网网址memsql如何自己实现一个关系型数据库系统论坛怎么进论坛qq业务中心QQ业务怎么开通?
免费com域名申请 代理域名备案 免费域名跳转 新加坡主机 新世界机房 vultr美国与日本 vpsio cpanel主机 韩国电信 美国php空间 论坛空间 qq数据库 嘉洲服务器 合肥鹏博士 dux 169邮箱 卡巴斯基试用版 免费的域名 深圳域名 第八届中美互联网论坛 更多