사이트 내 전체검색
자바스크립트
롤링 가로 (좌우버튼포함)
로빈아빠
https://cmd.kr/javascript/740 URL이 복사되었습니다.
10,323 0 2009.12.11 13:01

본문

롤링 가로 (좌우버튼포함)

2가지 방법의 네이버 스크롤입니다.
1. 원래의 소스에서 변형시킨 흐르는 스크롤
c22cf398_122689811305932 
<script type='text/javascript' src='nvscroll1.js'></script>
<STYLE type=text/css>#hlight_mtable TD {
	FONT-SIZE: 9pt; COLOR: #764d93; LINE-HEIGHT: 15pt; FONT-FAMILY: "돋움", "dotum", "arial"
}
#hlight_mtable IMG {
	BORDER-RIGHT: #8f6ec5 1px solid; BORDER-TOP: #8f6ec5 1px solid; BORDER-LEFT: #8f6ec5 1px solid; BORDER-BOTTOM: #8f6ec5 1px solid
}
A {
	COLOR: #764d93; TEXT-DECORATION: none
}
A:link {
	COLOR: #764d93; TEXT-DECORATION: none
}
A:visited {
	COLOR: #764d93; TEXT-DECORATION: none
}
A:active {
	COLOR: #764d93; TEXT-DECORATION: none
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px
}
</STYLE>
<TABLE cellSpacing=0 cellPadding=0 width=294 bgColor=#f5f5f7 border=0>
	<TR>
		<TD align=right width=19 bgColor=#f5f5f7><A href="javascript:wm.prev()"><IMG height=35 src="roll_img/the_hlight_left.gif" width=12 border=0></A></TD>
		<TD id=hlight_mtable align=middle bgColor=#f5f5f7>
<SCRIPT language=JavaScript>
wm = new NvScroll(); wm.name = "wm"; wm.height = 200; wm.width = 250; wm.scrollspeed = 1; wm.pausedelay = 3000; wm.pausemouseover = true; wm.type = 2;
wm.add("<TABLE cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"250\" height=\"151\" align=\"center\"><TR><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/the_hl_ban01.gif \"width='90' height='56' vspace='5'><br>뮤지컬 라이온킹</TD><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0033504.jpg\" width='90' height='56' vspace='5'><br>바람의나라</a></TD></TR><TR><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0032339.jpg\" width='90' height='56' vspace='5'><br>위대한 캣츠비 </a></TD><TD align=\"center\" style=\"padding:10px 0 5px 0;\">ent'><img src=\"roll_img/b0032973.jpg\"width='90' height='56' vspace='5'><br>래퍼스 파라다이스 </a></TD></TR></TABLE>");
wm.add("<TABLE cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"250\" height=\"151\" align=\"center\"><TR><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0033233.jpg\" width='90' height='56' vspace='5'><br>오페라 리날도</a></TD><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0034000.jpg\" width='90' height='56' vspace='5'><br>Jazz Summit in April  </a></TD></TR><TR><TD align=\"center\"style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/pe_in_021611.jpg\" width='90' height='56' vspace='5'><br>2007 루나틱</a></TD><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0033394.jpg\" width='90' height='56' vspace='5'><br>상하이 아트서커스</a></TD></TR></TABLE>");
wm.add("<TABLE cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"250\" height=\"151\" align=\"center\"><TR><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0032844.jpg\" width='90' height='56' vspace='5'><br>리골렛토</a></TD><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0032979.jpg\" width='90' height='56' vspace='5'><br>나이젤 케네디</a></TD></TR><TR><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0033126.jpg\" width='90' height='56' vspace='5'><br>라디오프랑스필... </a></TD><TD align=\"center\" style=\"padding:10px 0 5px 0;\"><img src=\"roll_img/b0033606.jpg\" width='90' height='56' vspace='5'><br>뮤지컬 달려라 하니</a></TD></TR></TABLE>");
wm.start();
</SCRIPT>
		</TD>
		<TD width=19 bgColor=#f5f5f7><A href="javascript:wm.next()"><IMG height=35 src="roll_img/the_hlight_right.gif" width=12 border=0></A></TD>
	</TR>
</TABLE>


2. 원래 소스로 딱딱 끈어져서 롤링 되는 소스.
cf87b0f1_122689811305975 
<script type='text/javascript' src='nvscroll2.js'></script>
<table width="200" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td width="15" align="center" nowrap><a href="javascript:nv01.uprev()"><img src="roll_img/ico_pp.gif"  border="0"></a></td>
		<td width="100%" style="padding:2 0 2 0;">
<script Language="JavaScript">
nv01 = new NvScroll();
nv01.name = "nv01";
nv01.height = 105;
nv01.width = 180;
nv01.scrollspeed = 3000;
nv01.pausedelay = 3000;
nv01.pausemouseover = true;
nv01.type = 3;

 nv01.add("<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"160\" style=\"padding:2 5 2 5;\" bgcolor=#FFFFFF align=center><a href=\"#\"><img src=\"roll_img/b0032339.jpg\" width=60 height=80\"><br /><a href=\"#\">text11</a></td><td width=\"160\" style=\"padding:2 5 2 5;\" bgcolor=#FFFFFF align=center><a href=\"#\"><img src=\"roll_img/b0032979.jpg\" width=60 height=80\"><br /><a href=\"#\">text12</a></td></table>");
 nv01.add("<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"160\" style=\"padding:2 5 2 5;\" bgcolor=#FFFFFF align=center><a href=\"#\"><img src=\"roll_img/b0032844.jpg\" width=60 height=80\"><br /><a href=\"#\">text21</a></td><td width=\"160\" style=\"padding:2 5 2 5;\" bgcolor=#FFFFFF align=center><a href=\"#\"><img src=\"roll_img/b0033126.jpg\" width=60 height=80\"><br /><a href=\"#\">text22</a></td></table>");
 nv01.add("<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"160\" style=\"padding:2 5 2 5;\" bgcolor=#FFFFFF align=center><a href=\"#\"><img src=\"roll_img/b0032973.jpg\" width=60 height=80\"><br /><a href=\"#\">text31</a></td><td width=\"160\" style=\"padding:2 5 2 5;\" bgcolor=#FFFFFF align=center><a href=\"#\"><img src=\"roll_img/b0033233.jpg\" width=60 height=80\"><br /><a href=\"#\">text32</a></td></table>");
 nv01.start();
</script>
		</td>
		<td width="15" align=center nowrap><a href="javascript:nv01.unext()"><img src="roll_img/ico_pn.gif" alt="" border="0"></a></td>
	</tr>
</table>

댓글목록

등록된 댓글이 없습니다.

자바스크립트
831 (4/17P)

Search

Copyright © Cmd 명령어 18.226.104.30