JS+DIV 구현 사진 롤링 효과 코드

수평의

<div id = demo style = "오버플로; 너비 : 200px; 경계 : 2px solid #e0e0e0; 패딩 : onmouseover ="stopscroll ();

onmouseout = "doscroll ()">

<div id = "demo1"style = "White-Spie : newrap; 패딩 : 0;">

<a href = "javaScript : Alert ( '새 게시물 게시');"> <img src = "picture url"height = 20 너비 = 104

국경 = 0> </a>

<a href = "javaScript : alert ( 'post reply');"> <img src = "picture url"높이 = 20 너비 = 104

국경 = 0> </a>

</div>

</div>

<!-롤링 JavaScript->

<cript>

var t = demo.scrollwidth

demo1.innerhtml+= demo1.innerhtml

기능 domarquee ()

{{

demo.scrollleft = demo.scrollleft <demo.scrollwidth-demo.offsetwidth?

}

기능 doscroll ()

{{

sc = setInterval (Domarquee, 20)

}

함수 stopscroll ()

{{

Clearinterval (SC)

}

doscroll ()

</스크립트>

<!-롤링 JavaScript End->

수직의

<div id = "데모"스타일 = "높이 : 110px; 오버플로 : 숨겨진">

<div id = "demo1">

<a href = "javaScript : Alert ( '새 게시물 게시');"> <img src = "picture url"height = 20 너비 = 104

국경 = 0> </a>

<a href = "javaScript : alert ( 'post reply');"> <img src = "picture url"높이 = 20 너비 = 104

국경 = 0> </a>

</div> <div id = "demo2"> </div>

<!-롤링 JavaScript->

<cript>

변수 = 100

demo2.innerhtml = demo1.innerhtml

함수 marqueees () {

if (demo2.offsettop-demo.scrolltop <= 0)

demo.scrolltop- = demo1.offsetheight

또 다른 {

Demo.scrolltop ++

}

}

var mymars = setInterval (Marquees, Speed)

demo.onmouseover = function () {clearinterval (mymars)}

demo.onmouseout = function () {mymars = setInterval (marques, speed)}

ZlSelect ( '6');

</script> <!-롤링 JavaScript End->

</div>