다 보여주고 스크롤
<div id="scroll_div" style="overflow: hidden; height: 137px; width: 658px; white-space: nowrap;">
<div id="scroll_begin" style="display: inline;">
<img src="image/1.jpg" width="200" height="137" border="0">
<img src="image/2.jpg" width="200" height="137" border="0">
<img src="image/3.jpg" width="200" height="137"
border="0">
<img src="image/4.jpg" width="200" height="137" border="0"><img src="image/5.jpg"
width="200" height="137" border="0">
<img src="image/6.jpg" width="200" height="137"
border="0">
<img src="image/7.jpg" width="200" height="137" border="0">
<img src="image/8.jpg"
width="200" height="137" border="0">
</div>
<div id="scroll_end" style="display: inline;">
</div>
</div>
<script>
var speed=1
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)}
</script>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.