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

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

WBOY원래의: 2016-05-16 17:46:061469검색

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

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

;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)}

성명：

이전 기사：JS는 컨트롤을 사용하지 않고 업로드된 이미지 크기를 로컬로 제한합니다_기본 지식다음 기사：JS는 컨트롤을 사용하지 않고 업로드된 이미지 크기를 로컬로 제한합니다_기본 지식

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

관련 기사