3565805 451884 2009-06-08T18:06:10Z http://hancoma.springnote.com/pages/3565805 2009-06-08T18:04:03Z <ol class="code"> <li>&nbsp;&lt;script&gt;<br /> &nbsp;&nbsp;function table_view(Number) {<br /> &nbsp;&nbsp;&nbsp;if (Number=='1') {<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_1.style.display="block";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_2.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_3.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_4.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu01.src="image/product_menu01.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu02.src="image/product_menu02_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu03.src="image/product_menu03_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu04.src="image/product_menu04_1.gif";<br /> &nbsp;&nbsp;&nbsp;}<br /> &nbsp;&nbsp;&nbsp;if (Number=='2') {<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_1.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_2.style.display="block";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_3.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_4.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menu01.src="image/product_menu01_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu02.src="image/product_menu02.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu03.src="image/product_menu03_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu04.src="image/product_menu04_1.gif";<br /> &nbsp;&nbsp;&nbsp;}<br /> &nbsp;&nbsp;&nbsp;&nbsp;if (Number=='3') {<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_1.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_2.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_3.style.display="block";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_4.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menu01.src="image/product_menu01_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu02.src="image/product_menu02_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu03.src="image/product_menu03.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu04.src="image/product_menu04_1.gif";<br /> &nbsp;&nbsp;&nbsp;}<br /> &nbsp;&nbsp;&nbsp;if (Number=='4') {<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_1.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_2.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_3.style.display="none";<br /> &nbsp;&nbsp;&nbsp;&nbsp;table_4.style.display="block";<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;menu01.src="image/product_menu01_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu02.src="image/product_menu02_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu03.src="image/product_menu03_1.gif";<br /> &nbsp;&nbsp;&nbsp;&nbsp;menu04.src="image/product_menu04.gif";<br /> &nbsp;&nbsp;&nbsp;}<br /> &nbsp;&nbsp;<br /> &nbsp;&nbsp;&nbsp;<br /> &nbsp;&nbsp;}<br /> &nbsp;&lt;/script&gt;</li> </ol> <p><span style="FONT-FAMILY: 굴림체;">자바스크립트를 이용하여 롤오브와 메뉴 숨김 기능을 적용한 예</span></p> <p><span style="FONT-FAMILY: 굴림체;">html 소스는 다음과 같을때 적용된다.</span></p> <ol class="code"> <li> <p class="code">&nbsp;&lt;!-- 제품소개 --&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="0" cellpadding="0" cellspacing="0" height="168" valign="top"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="78"&gt;&lt;img src="image/product_title.gif" border="0" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="58" align="left" valign="bottom"&gt;&lt;img src="image/product_menu01_1.gif" border="0" id="menu01" onmouseover="table_view('1');" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="58" align="left" valign="bottom"&gt;&lt;img src="image/product_menu02_1.gif" border="0" id="menu02" onmouseover="table_view('2');"/&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="58" align="left" valign="bottom"&gt;&lt;img src="image/product_menu03_1.gif" border="0" id="menu03" onmouseover="table_view('3');"/&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="56" align="left" valign="bottom"&gt;&lt;img src="image/product_menu04_1.gif" width="55" id="menu04" height="18" border="0" onmouseover="table_view('4');"/&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="308" height="5" background="image/line_top.gif" colspan="5"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="5"&gt;&lt;!-- 제품소개내용 --&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="0" cellspacing="0" cellpadding="0" id="table_1" style="display:block"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="82"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="11" rowspan="2"&gt;&amp;nbsp;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td rowspan="2" valign="bottom"&gt;&lt;img src="image/introduct_img.gif" width="140" height="93" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="2" width="155" valign="bottom"&gt;&lt;img src="image/main_75.gif" width="142" height="72" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="21"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="top"&gt;&lt;img src="image/main_79.gif" width="110" height="21" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="bottom" width="45"&gt;&lt;a href="#"&gt;&lt;img src="image/more02.gif" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="11"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="0" cellspacing="0" cellpadding="0" id="table_2" style="display:none"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="82"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="11" rowspan="2"&gt;&amp;nbsp;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td rowspan="2" valign="bottom"&gt;&lt;img src="image/introduct_img_2.gif" width="139" height="93" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="2" width="155" valign="bottom"&gt;&lt;img src="image/main_75_2.gif" width="142" height="72" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="21"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="top"&gt;&lt;img src="image/main_79_2.gif" width="110" height="21" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="bottom" width="45"&gt;&lt;a href="#"&gt;&lt;img src="image/more02.gif" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="11"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="0" cellspacing="0" cellpadding="0" id="table_3" style="display:none"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="82"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="11" rowspan="2"&gt;&amp;nbsp;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td rowspan="2" valign="bottom"&gt;&lt;img src="image/introduct_img_3.gif" width="140" height="93" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="2" width="155" valign="bottom"&gt;&lt;img src="image/main_75_3.gif" width="142" height="72" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="21"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="top"&gt;&lt;img src="image/main_79_3.gif" width="110" height="21" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="bottom" width="45"&gt;&lt;a href="#"&gt;&lt;img src="image/more02.gif" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="11"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table border="0" cellspacing="0" cellpadding="0" id="table_4" style="display:none"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="82"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="11" rowspan="2"&gt;&amp;nbsp;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td rowspan="2" valign="bottom"&gt;&lt;img src="image/introduct_img_4.gif" width="140" height="93" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="2" width="155" valign="bottom"&gt;&lt;img src="image/main_75_4.gif" width="142" height="72" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width="1" bgcolor="#d9d9d9" rowspan="3" height="114"&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="21"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="top"&gt;&lt;img src="image/main_79_4.gif" width="110" height="21" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td valign="bottom" width="45"&gt;&lt;a href="#"&gt;&lt;img src="image/more02.gif" border="0" /&gt;&lt;/a&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="11"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td colspan="5"&gt;&lt;img src="image/line_bottom.gif" border="0" /&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr height="22"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;/td&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- /제품소개 --&gt;</p> </li> </ol> http://hancoma.myid.net/ http://hancoma.myid.net/ 6 자바스크립,롤오브,테이블숨김