js 구현 텍스트 가로 스크롤

내 가 처음에 생각 한 라벨 은 가로 스크롤 을 실현 할 수 있 기 때문이다.사장 은 그것 의 시작 위치 가 가장 오른쪽 에서 나 왔 는데,그것 을 중간 에서 나 오 거나 가장 왼쪽 에서 나 오 는 것 으로 바 꿀 수 있 느 냐 고 말 했다.관련 자 료 를 조사해 보 니 시작 위 치 를 지정 할 수 없다 는 것 을 알 게 되 었 다.나중에 인터넷 에서 코드 를 찾 았 는데 이것 은 그림 으로 이 루어 진 것 이다.나 는 그림 을 문자 로 바 꾼 후에 내 가 원 하 는 기능 을 순조롭게 실현 했다.코드 는 다음 과 같 습 니 다: function ScrollImgLeft(){ var speed=50; var scroll_begin = document.getElementById("scroll_begin"); var scroll_end = document.getElementById("scroll_end"); var scroll_div = document.getElementById("scroll_div"); scroll_end.innerHTML=scroll_begin.innerHTML; function Marquee(){ if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) scroll_div.scrollLeft-=scroll_begin.offsetWidth; else scroll_div.scrollLeft++; } var MyMar=setInterval(Marquee,speed); scroll_div.onmouseover=function() {clearInterval(MyMar);} scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed);} }
${affiche.content} ${affiche.content} ${affiche.content} ${affiche.content} ${affiche.content} ${affiche.content}
ScrollImgLeft();
[Ctrl+A 전체 선택:]여기${affiche.content}은 데이터베이스 에서 추출 한 텍스트 입 니 다.scrollbegin 의 div 에 이 중복 되 는 문 자 를 쓰 는 것 은 이 문자 들 의 길이 가 scroll 보다 커 야 하기 때 문 입 니 다.div 의 div 용기.div 보다 작 으 면 계속 구 르 는 효과 가 없습니다.빈 틈 없 이 구 르 는 내용 의 너 비 를 합치 면 용기 의 너비 보다 커 야 한 다 는 것 이다.

좋은 웹페이지 즐겨찾기