YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

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

페이지 정보

작성자 MintState 댓글 0건 조회 16,148회 작성일 08-11-17 14:02

본문

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

2가지 방법의 네이버 스크롤입니다.
1. 원래의 소스에서 변형시킨 흐르는 스크롤

<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. 원래 소스로 딱딱 끈어져서 롤링 되는 소스.

<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>
첨부 파일
파일 종류: png nv1_roll.png (51.0K, 59 views)
파일 종류: png nv2_roll.png (23.2K, 7 views)
파일 종류: rar nvscroll.rar (222.2K, 89 views)

댓글목록

등록된 댓글이 없습니다.

Total 178건 3 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
138 MintState 18225 11-17
137
세로롤링 댓글+ 1
MintState 15891 11-17
136 MintState 14967 11-17
135 MintState 14507 11-17
열람중 MintState 16149 11-17
133 MintState 16937 11-17
132 MintState 16810 11-17
131 MintState 17753 11-17
130 MintState 16759 11-17
129 MintState 14626 11-17
128 MintState 15329 11-17
127 MintState 16139 11-17
126 MintState 16353 11-17
125 MintState 19795 11-17
124 MintState 17109 11-17
123 MintState 10636 11-17
122 MintState 15956 11-17
121 MintState 16842 11-17
120 MintState 9757 11-17
119 MintState 10396 11-17
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2024, YesYo.com MintState. ™