> 웹 프론트엔드 > JS 튜토리얼 > page_javascript 기술에서 두 이미지 사이의 스크롤 코드 충돌 문제를 해결하는 방법

page_javascript 기술에서 두 이미지 사이의 스크롤 코드 충돌 문제를 해결하는 방법

WBOY
풀어 주다: 2016-05-16 17:46:06
원래의
1457명이 탐색했습니다.

홈페이지에서 두 개의 코드를 동시에 복사한 후 왜 그림이 흐르거나 표시되지 않습니까?

코드 복사 코드는 다음과 같습니다.




;SCRIPT>
var speed=25
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft -=demo1 .offsetWidth
else{
demo.scrollLeft
}
}
var MyMar=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar) )}
demo.onmouseout=function() {MyMar=setInterval(Marquee1,speed)}



이 두 코드는 완전히 동일하므로, 충돌이 발생합니다. 다른 코드 부분의 코드를 수정하기만 하면 됩니다. 빨간색으로 표시된 부분은 수정이 필요합니다.
해 보세요:



코드 복사
코드는 다음과 같습니다. < !-- 오른쪽 스크롤 코드의 두 번째 단락이 시작됩니다.-->

cellPadding=0 align=left border=0 cellspace="0">
;/td>




var speed=25
gundong1. innerHTML
gundong.scrollLeft=gundong.scrollWidth
function Marquee1(){
if(gundong.scrollLeft<=0)
gundong.scrollLeft =gundong2.offsetWidth
else{
gundong .scrollLeft- -
}
}
var MyMar1=setInterval(Marquee1, speed)
gundong.onmouseover=function() {clearInterval(MyMar1)}
gundong.onmouseout=function() {MyMar1= setInterval(Marquee1, speed)}



관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿

/td>