http://www.ishappy.net
¿À´ÃÀº µ¿ÁÖ¿Í ¿¬Á¤À̰¡ »ç¶ûÀ» ½ÃÀÛÇÑÁö 5747Àϰ,
[°áÈ¥]ÇÑÁö 4256Àϰ µÇ´Â ³¯ÀÔ´Ï´Ù.
»ç¶ûÇÑÁö 5800Àϰ µÇ´Â ³¯Àº
2020³â 02¿ù 4ÀÏÀÔ´Ï´Ù.
°áÈ¥ÇÑÁö 4300Àϰ µÇ´Â ³¯Àº
2020³â 01¿ù 26ÀÏÀÔ´Ï´Ù.
PROFILE
BOARD
ÆÁ & Å×Å©
¿À´ÃÀÇ ¿µ¾î
GALLERY
LINK
ÆÁ & Å×Å©

Á¦¸ñ: ³»¿ë ¼û±â±â
ºÐ·ù: HTML/JavaScript
À̸§: À¯µ¿ÁÖ(voice74) * http://www.ishappy.net


µî·ÏÀÏ: 2006-12-08 22:23
Á¶È¸¼ö: 4151 / Ãßõ¼ö: 988


¾Æ·¡ÀÇ ³»¿ëÀº
óÀ½ ·ÎµåÇϸé È­¸é¿¡ ¸ñ·Ï¸¸ º¸¿©Áö°í ¸ñ·ÏÀ» Ŭ¸¯ÇÏ¸é ±× ¸ñ·Ï¿¡ ÇØ´çÇÏ´Â ³»¿ëÀÌ º¸¿©Áö´Â ½ºÅ©¸³Æ®ÀÌ´Ù.
div ű׸¦ »ç¿ëÇÏ¿© ¼û±æ ³»¿ëÀ» °¨½Î°í
divű×ÀÇ ¼Ó¼º Áß "display"¼Ó¼ºÀ» ¼öÁ¤ÇÏ¿© ¼û±è ó¸® ¶Ç´Â º¸ÀÓó¸®ÇÑ´Ù.
³»¿ëÀ» ¼û±â±â À§Çؼ­´Â tableű׷Π¹­¿©Á® ÀÖ´Â ³»¿ë¸¸ °¡´ÉÇÏ´Ù.

<html>
        <head>
                <script>
                        function init_div ()
                        {
                                var list1 =  document.getElementById("list1");
                                var list2 =  document.getElementById("list2");
                                var list3 =  document.getElementById("list3");
                                var list4 =  document.getElementById("list4");

                                list1.style.display = "none";
                                list2.style.display = "none";
                                list3.style.display = "none";
                                list4.style.display = "none";
                        }

                        function ch_disp (id)
                        {
                                var ch_obj = document.getElementById (id);

                                if (ch_obj.style.display == "none")
                                        ch_obj.style.display = "";
                                else
                                        ch_obj.style.display = "none";
                        }
                </script>
        </head>

        <body onLoad = "init_div ()">
                <table width = 800>
                        <tr>
                                <td>
                                        <a href = "#" onClick = "ch_disp ('list1');">1. ¸ñ·Ï 1ÀÔ´Ï´Ù...</a>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <div id = "list1">
                                        <table width = 100%>
                                                <tr>
                                                        <td>
                                                                ¸ñ·Ï1¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï1¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï1¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï1¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï1¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï1¿¡ ´ëÇÑ ³»¿ë<br>
                                                        </td>
                                                </tr>
                                        </table>
                                        </div>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <a href = "javascript:ch_disp ('list2');">2. ¸ñ·Ï 2ÀÔ´Ï´Ù...</a>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <div id = "list2">
                                        <table width = 100%>
                                                <tr>
                                                        <td>
                                                                ¸ñ·Ï2¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï2¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï2¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï2¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï2¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï2¿¡ ´ëÇÑ ³»¿ë<br>
                                                        </td>
                                                </tr>
                                        </table>
                                        </div>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <a href = "#" onClick = "ch_disp ('list3');">3. ¸ñ·Ï 3ÀÔ´Ï´Ù...</a>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <div id = "list3">
                                        <table width = 100%>
                                                <tr>
                                                        <td>
                                                                ¸ñ·Ï3¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï3¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï3¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï3¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï3¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï3¿¡ ´ëÇÑ ³»¿ë<br>
                                                        </td>
                                                </tr>
                                        </table>
                                        </div>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <a href = "javascript:ch_disp ('list4');">4. ¸ñ·Ï 4ÀÔ´Ï´Ù...</a>
                                </td>
                        </tr>
                        <tr>
                                <td>
                                        <div id = "list4">
                                        <table width = 100%>
                                                <tr>
                                                        <td>
                                                                ¸ñ·Ï4¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï4¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï4¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï4¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï4¿¡ ´ëÇÑ ³»¿ë<br>
                                                                ¸ñ·Ï4¿¡ ´ëÇÑ ³»¿ë<br>
                                                        </td>
                                                </tr>
                                        </table>
                                        </div>
                                </td>
                        </tr>
                </table>
        </body>
</html>
-ÃßõÇϱ⠠   -¸ñ·Ïº¸±â  
Àǰß(ÄÚ¸àÆ®)À» ÀÛ¼ºÇÏ½Ç ¼ö ¾ø½À´Ï´Ù. ÀÌÀ¯: ±ÇÇÑÀÌ ¾ø´Â ȸ¿ø·¹º§
Copyright 1999-2019 Zeroboard / skin by DQ'Style 
´ÙÀ½Àº À¥ ÆäÀÌÁö¿¡¼­ À̸ÞÀÏ ÁÖ¼Ò¸¦ ±Ü¾î°¡´Â ½ºÆÐ¸ÓµéÀ» À§ÇÑ ¼±¹°ÀÔ´Ï´Ù. :-)
[root@localhost], [admin@localhost], [webmaster@localhost], [abuse@localhost], [webmaster@cwd.go.kr], [cnpa100@npa.go.kr]
Copyright (C)2005 Yoo, Dong Ju (, )