천

끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.

· 2016-01-13 (수) 01:21:59 · 2431

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr"> 
</head>

<body>

<!---- 아래와 같은 방법으로 스크립트 코드를 복사 해 넣으세요 --->

<script language="JavaScript1.2">

// 스크롤러의 가로크기
var sliderwidth=300
// 스크롤러의 높이 (이미지의 높이와 맞추어 주세요)
var sliderheight=100
// 스크롤 속도 (클수록 빠릅니다 1-10)
var slidespeed=3
// 배경색상
slidebgcolor="#EAEAEA"

// 이미지들을 설정 하세요
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="../000.gif" width="100" height="100" border=0></a>'
 leftrightslide[1]='<a href="http://"><img src="../001.gif" width="100" height="100" border=0></a>'
 leftrightslide[2]='<a href="http://"><img src="../002.gif" width="100" height="100" border=0></a>'
 leftrightslide[3]='<a href="http://"><img src="../003.gif" width="100" height="100" border=0></a>'
 leftrightslide[4]='<a href="http://"><img src="../004.gif" width="100" height="100" border=0></a>'
 

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+leftrightslide+'</span>')
 var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
 cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
 cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
 cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
 write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
 write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
 write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
 write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
 write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

<!--------------------------- 여기까지 ---------------------------->

</body>
</html>

|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-05-12 조회 2,937
16-04-12 조회 3,099
16-02-03 조회 2,850
16-02-03 조회 2,951
16-02-02 조회 2,965
16-02-01 조회 2,611
16-02-01 조회 2,600
16-01-31 조회 2,634
16-01-31 조회 2,653
16-01-31 조회 2,651
16-01-30 조회 2,634
16-01-29 조회 2,632
16-01-29 조회 2,527
16-01-29 조회 2,516
16-01-28 조회 2,466
16-01-28 조회 2,374
16-01-27 조회 2,516
16-01-27 조회 2,522
16-01-26 조회 2,477
16-01-25 조회 2,567
16-01-25 조회 2,440
16-01-24 조회 2,437
16-01-24 조회 2,441
16-01-24 조회 2,361
16-01-23 조회 2,408
16-01-23 조회 2,435
16-01-23 조회 2,403
16-01-22 조회 2,569
16-01-21 조회 2,647
16-01-21 조회 2,495
16-01-21 조회 2,487
16-01-20 조회 2,425
16-01-20 조회 2,389
16-01-20 조회 2,383
16-01-19 조회 2,446
16-01-19 조회 2,485
16-01-18 조회 2,463
16-01-16 조회 2,401
16-01-16 조회 2,332
16-01-16 조회 2,401
16-01-15 조회 2,557
16-01-15 조회 2,365
16-01-15 조회 2,488
16-01-15 조회 2,427
16-01-14 조회 2,460
16-01-14 조회 2,699
16-01-14 조회 2,498
16-01-13 조회 2,487
16-01-13 조회 2,449
16-01-13 조회 2,432
16-01-12 조회 2,401
16-01-11 조회 2,668
16-01-11 조회 2,543
16-01-11 조회 2,380
16-01-02 조회 2,816
15-12-31 조회 2,521
15-12-27 조회 2,625
15-12-27 조회 2,532
15-12-27 조회 2,586
15-12-26 조회 2,545
15-12-26 조회 2,616
15-12-26 조회 2,626
15-12-25 조회 3,308
15-12-25 조회 2,511
15-12-25 조회 2,512
15-12-25 조회 2,475
15-12-24 조회 3,004
15-12-23 조회 2,472
15-12-23 조회 2,598
15-12-23 조회 2,543
15-12-22 조회 2,583
15-12-22 조회 2,574
15-12-22 조회 2,488
15-12-21 조회 2,514
15-12-21 조회 2,550
15-12-21 조회 2,525
15-12-20 조회 2,564
15-12-20 조회 2,730
15-12-20 조회 2,510
15-12-19 조회 2,583
15-12-19 조회 2,569
15-12-19 조회 2,582
15-12-18 조회 2,884
15-12-18 조회 2,570
15-12-18 조회 2,542
15-12-18 조회 2,530
15-12-17 조회 2,521
15-12-17 조회 2,519
15-12-17 조회 2,487
15-12-16 조회 2,501
15-12-16 조회 2,543
15-12-16 조회 2,477
15-12-15 조회 2,496
15-12-15 조회 2,488
15-12-15 조회 2,483
15-12-14 조회 2,560
15-12-14 조회 2,639
15-12-14 조회 2,465
15-12-13 조회 2,440
15-12-13 조회 2,472