롤링 가로 (좌우버튼포함)롤링 가로 (좌우버튼포함)
페이지 정보
작성자 MintState 댓글 0건 조회 16,447회 작성일 08-11-17 14:02본문
롤링 가로 (좌우버튼포함)
2가지 방법의 네이버 스크롤입니다.
1. 원래의 소스에서 변형시킨 흐르는 스크롤
2. 원래 소스로 딱딱 끈어져서 롤링 되는 소스.
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>|
|
댓글목록
등록된 댓글이 없습니다.
