옆으로 흐르는 자바스크립트 - 좌, 우 제어 가능
<html>
<head>
<title>옆으로 스크롤 제어</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
a:link { font-family: "굴림", "굴림체"; font-size: 9pt; color: #000000; text-decoration: none}
a:visited { font-family: "굴림", "굴림체"; font-size: 9pt; color: #000000; text-decoration: none}
a:active { font-family: "굴림", "굴림체"; font-size: 9pt; color: #000000; text-decoration: underline}
a:hover { font-family: "굴림", "굴림체"; font-size: 9pt; color: #FF0000; text-decoration: none ;font-weight:bold}
-->
</style>
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="20" topmargin="20">
<TABLE border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<TR>
<TD style="font-size:9pt;color:#FF0000" bgcolor="#E1F0FD" align="center"><a href="javascript:slideleft1()" onfocus="this.blur()"><IMG SRC="javascriptsampleimg/main_hot_prev.gif" WIDTH="12" HEIGHT="114" BORDER=0 ALT=""></a></TD>
<TD style="border:1 solid #E1F0FD">
<script language="JavaScript1.2">
var sliderwidth=348
var sliderheight=110
var slidespeed=1
slidebgcolor="#FFFFFF"
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<td Bgcolor=#E1F0FD><table width="95" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="95" border="0" cellspacing="1" cellpadding="0" height="80" bgcolor="D8D8D8" class="text"><tr><td bgcolor="#FFFFFF" align="center"><a href="#"><img src="javascriptsampleimg/20031209_02b.jpg" width="93" height="78" border="0"></a></td></tr></table></td></tr><tr><td height="5"></td></tr><tr><td align="center"><b><font color="#000000" style="font-size:9pt">GOODS3</font></b></td></tr></table></td><td width="10"></td><td background="javascriptsampleimg/line_h.gif" width="1"></td><td width="10"></td>'
leftrightslide[1]='<td Bgcolor=#E1F0FD><table width="95" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="95" border="0" cellspacing="1" cellpadding="0" height="80" bgcolor="D8D8D8" class="text"><tr><td bgcolor="#FFFFFF" align="center"><a href="#"><img src="javascriptsampleimg/phrym_1.jpg" width="93" height="78" border="0"></a></td></tr></table></td></tr><tr><td height="5"></td></tr><tr><td align="center"><b><font color="#000000" style="font-size:9pt">GOODS2</font></b></td></tr></table></td><td width="10"></td><td background="javascriptsampleimg/line_h.gif" width="1"></td><td width="10"></td>'
leftrightslide[2]='<td Bgcolor=#E1F0FD><table width="95" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="95" border="0" cellspacing="1" cellpadding="0" height="80" bgcolor="D8D8D8" class="text"><tr><td bgcolor="#FFFFFF" align="center"><a href="#"><img src="javascriptsampleimg/1104_11_b.jpg" width="93" height="78" border="0"></a></td></tr></table></td></tr><tr><td height="5"></td></tr><tr><td align="center"><b><font color="#000000" style="font-size:9pt">Analyzer</font></b></td></tr></table></td><td width="10"></td><td background="javascriptsampleimg/line_h.gif" width="1"></td><td width="10"></td>'
leftrightslide[3]='<td Bgcolor=#E1F0FD><table width="95" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="95" border="0" cellspacing="1" cellpadding="0" height="80" bgcolor="D8D8D8" class="text"><tr><td bgcolor="#FFFFFF" align="center"><a href="#"><img src="javascriptsampleimg/darkcitas_110.jpg" width="93" height="78" border="0"></a></td></tr></table></td></tr><tr><td height="5"></td></tr><tr><td align="center"><b><font color="#000000" style="font-size:9pt">BAG</font></b></td></tr></table></td><td width="10"></td><td background="javascriptsampleimg/line_h.gif" width="1"></td><td width="10"></td>'
leftrightslide[4]='<td Bgcolor=#E1F0FD><table width="95" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="95" border="0" cellspacing="1" cellpadding="0" height="80" bgcolor="D8D8D8" class="text"><tr><td bgcolor="#FFFFFF" align="center"><a href="#"><img src="javascriptsampleimg/20031209_32b.jpg" width="93" height="78" border="0"></a></td></tr></table></td></tr><tr><td height="5"></td></tr><tr><td align="center"><b><font color="#000000" style="font-size:9pt">모른다니깐</font></b></td></tr></table></td><td width="10"></td><td background="javascriptsampleimg/line_h.gif" width="1"></td><td width="10"></td>'
leftrightslide[5]='<td Bgcolor=#E1F0FD><table width="95" border="0" cellspacing="0" cellpadding="0"><tr><td><table width="95" border="0" cellspacing="1" cellpadding="0" height="80" bgcolor="D8D8D8" class="text"><tr><td bgcolor="#FFFFFF" align="center"><a href="#"><img src="javascriptsampleimg/30520bms_1.jpg" width="93" height="78" border="0"></a></td></tr></table></td></tr><tr><td height="5"></td></tr><tr><td align="center"><b><font color="#000000" style="font-size:9pt">테스트22</font></b></td></tr></table></td><td width="10"></td><td background="javascriptsampleimg/line_h.gif" width="1"></td><td width="10"></td>'
leftrightslide[6]=''
leftrightslide[7]=''
leftrightslide[8]=''
leftrightslide[9]=''
leftrightslide[10]=''
leftrightslide[11]=''
var copyspeed=slidespeed
leftrightslide='<table width="696" align="left" border="0"><tr>'+leftrightslide.join(" ")+'</tr></table></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+3
}
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+3
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
slideleft()
}
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+3
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+3
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+3
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+3
}
lefttime=setTimeout("slideleft()",15)
//clearTimeout(righttime)
}
// 왼쪽 스크롤 가기
function slideleft1(){
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+3
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+3
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+3
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+3
}
lefttime=setTimeout("slideleft1()",15)
clearTimeout(righttime)
}
// 오른쪽 스크롤 가기
function slideright1(){
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-3
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-3
}
else if (document.layers){
if (ns_slide.right<(actualwidth*(+1)+8))
ns_slide.left+=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth-3
if (ns_slide2.right<(actualwidth*(+1)+8))
ns_slide2.left+=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth-3
}
righttime=setTimeout("slideright1()",15)
clearTimeout(lefttime)
}
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>
</TD>
<TD style="font-size:9pt;color:#FF0000" bgcolor="#E1F0FD" align="center"><a href="javascript:slideright1()" onfocus="this.blur()"><IMG SRC="javascriptsampleimg/main_hot_next.gif" WIDTH="12" HEIGHT="114" BORDER=0 ALT=""></a></TD>
</TR>
</TABLE>
</body>
</html>
[이 게시물은 신용성님에 의해 2005-05-27 07:34:07 인터넷창업(으)로 부터 이동됨]
[이 게시물은 신용성님에 의해 2005-06-05 19:43:09 스크립트/소스(으)로 부터 이동됨]
소셜로그인 중단 안내
계정으로 로그인 기능이 2023년 11월 16일 중단되었습니다.
아이보스 계정이 사라지는 것은 절대 아니며, 계정의 이메일 주소를 이용해 로그인 하실 수 있습니다.
아직 등록된 댓글이 없습니다.
이해권님의 게시글에 첫번째 댓글을 남겨보세요.