지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

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

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

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

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




;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
이전 기사：JS는 컨트롤을 사용하지 않고 업로드된 이미지 크기를 로컬로 제한합니다_기본 지식 다음 기사：JS 이미지 업로드 전 제한 사항에는 (jpg jpg gif 및 크기, 높이 및 너비) 등이 포함됩니다. _javascript 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
Android의 React-Native에서 상태 업데이트가 작동하지 않습니다. 스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로...
에서 2024-04-06 16:54:10
0
1
410
숨겨진 측면 패널 표시: 선택됨 애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...
에서 2024-04-06 15:49:33
0
1
319
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿

 /td>