제로보드 사이트에서 퍼왔다..
출처 : http://www.xpressengine.com/17813984

텍스트를 주저리 주저리..



<div id="folder_open_1084627" style="margin:5px 5px 10px 5px;display:block;">
<a class="bold editor_green_text" href="#" onclick="zbxe_folder_open('1084627');return false;">적용 이미지 보기.....</a>
</div>


<div id="folder_close_1084627" style="margin:5px 5px 10px 5px;display:none;">
<a class="bold editor_green_text" href="#" onclick="zbxe_folder_close('1084627');return false;">닫기</a></div>


<div style="margin:5px;padding:5px;background-color:#FFFFFF;border:5px solid #888888;display:none;" id="folder_1084627">
<img src="/zbxe/files/attach/images/16460978/984/813/017/zazuwa_Black.jpg" alt="zazuwa_Black.jpg" title="zazuwa_Black.jpg" style="" />
</div>

 

<P>레이아웃 다른부분은 다 맘에 드는데 아직 하단부분은 크게 손을 보질 않았습니다,,<BR />
차후 시간이 넉넉할때 하단부분을 쫌더 단장해서 새버전으로 올려볼게요,<BR /><BR />
디자인은 모 통신회사 홈페이지를 카피+변조 했습니다,<BR /><BR /><BR />
</P>

<div id="folder_open_2660914" style="margin:5px 5px 10px 5px;display:block;">
<a class="bold editor_green_text" href="#" onclick="zbxe_folder_open('2660914');return false;">검색창 롤오버....</a>
</div>

<div id="folder_close_2660914" style="margin:5px 5px 10px 5px;display:none;">
<a class="bold editor_green_text" href="#" onclick="zbxe_folder_close('2660914');return false;">닫기</a>
</div>

<div style="margin:5px;padding:5px;background-color:#FFFFFF;border:5px solid #888888;display:none;" id="folder_2660914">
<img src="/zbxe/files/attach/images/16460978/984/813/017/zazuwa1.gif" alt="zazuwa1.gif" title="zazuwa1.gif" style="" />
</div>

<div id="folder_open_3834321" style="margin:5px 5px 10px 5px;display:block;">
<a class=" editor_blue_text" href="#" onclick="zbxe_folder_open('3834321');return false;">메뉴 롤오버</a>
</div>

<div id="folder_close_3834321" style="margin:5px 5px 10px 5px;display:none;">
<a class=" editor_blue_text" href="#" onclick="zbxe_folder_close('3834321');return false;">닫기</a>
</div>

<div style="margin:5px;padding:5px;background-color:#FFFFFF;border:5px solid #888888;display:none;" id="folder_3834321">
<img src="/zbxe/files/attach/images/16460978/984/813/017/zazuwa2.gif" alt="zazuwa2.gif" title="zazuwa2.gif" style="" />
</div>






머.. 간단하다. ㅎㅎ


  


<span id='btnShowMore' style='display:;'><br>
<div style="text-align:left;">
<a href='javascript:jsShowMore();' class='con_link'><u style="color:#0482D6;">> 내용 더보기</u></a>
</div>
</span>

 

<span id='btnShowDisable' style='display:none;'><br>
<div style="text-align:left;">
<a href='javascript:jsShowDisable();' class='con_link'><u style="color:#0482D6;">>세부내용 닫기</u></a></div>
</span>

 

<div id='cntMainContents' style='display:none;'>
 <P>&nbsp;</P>
 <P>내용</P>
 <P>내용</P>
 <P>내용</P>
 <P>내용</P>
 <P>내용</P>
 <P>내용</P>
 <P>내용</P>
 <P>내용</P>
 <P>&nbsp;</P>
</DIV>



 <script>

  function jsShowMore()  {
   document.getElementById('btnShowMore').style.display='none';
   document.getElementById('btnShowDisable').style.display='';
   document.getElementById('cntMainContents').style.display='';
  }

 </script>


 <script>
  function jsShowDisable() {
   document.getElementById('btnShowMore').style.display='';
   document.getElementById('btnShowDisable').style.display='none';
   document.getElementById('cntMainContents').style.display='none';
  }
 </script>



profile