ÃÑ 4°¡ÁöÀÇ Å¸¶¸¦ °¡Áö°íÀÖÀ¸¸ç ¸Þ´º¸¦ ¼öÁ¤ÇÏ¿© »ç¿ëÇϱ⵵ °£ÆíÇÏ°Ô µÇ¾îÀÖ½À´Ï´Ù.
¼öÁ¤ÇؾßÇÒ ºÎºÐ
°¡Àå»ó´Ü¿¡ ÀÖ´Â À̺κÐÀº 4°¡ÁöÀÇ Å¸¶Áß Çϳª¸¦ ¼±ÅÃÇÏ´Â ºÎºÐÀÔ´Ï´Ù.
<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" />
chromestyle.css / chromestyle2.css / chromestyle3.css / chromestyle4.css
À§ÀÇ 4°¡ÁöÀÇ ÆÄÀÏÀÌ ÀÖ½À´Ï´Ù ¿øÇϴ°ÍÀ¸·Î º¯°æÇϽøé ÀÚµ¿À¸·Î Ÿ¶°¡ Àû¿ëµË´Ï´Ù.
²ÀÇÊ¿äÇѺκÐ
<div class="chromestyle" id="chromemenu"> <ul> <li><a href="http://www.dynamicdrive.com">Home</a></li> <li><a href="#" rel="dropmenu1">Resources</a></li> <li><a href="#" rel="dropmenu2">News</a></li> <li><a href="#" rel="dropmenu3">Search</a></li> </ul> </div>
<!--1st drop down menu --> <div id="dropmenu1" class="dropmenudiv"> <a href="http://www.dynamicdrive.com/">Dynamic Drive</a> <a href="http://www.cssdrive.com">CSS Drive</a> <a href="http://www.javascriptkit.com">JavaScript Kit</a> <a href="http://www.codingforums.com">Coding Forums</a> <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a> </div>
<!--2nd drop down menu --> <div id="dropmenu2" class="dropmenudiv" style="width: 150px;"> <a href="http://www.cnn.com/">CNN</a> <a href="http://www.msnbc.com">MSNBC</a> <a href="http://news.bbc.co.uk">BBC News</a> </div>
<!--3rd drop down menu --> <div id="dropmenu3" class="dropmenudiv" style="width: 150px;"> <a href="http://www.google.com/">Google</a> <a href="http://www.yahoo.com">Yahoo</a> <a href="http://www.msn.com">MSN</a> </div>
<script type="text/javascript"> cssdropdown.startchrome("chromemenu") </script>
À§ÀǺκÐÀÌ ½ÇÀç·Î ȸ鿡 º¸¿©ÁÖ´Â ¸Þ´ºÀÇ À̸§ºÎºÐÀÔ´Ï´Ù. °¡Àå óÀ½¿¡ ÀÖ´Â ºÎºÐÀÌ Å«¸Þ´ººÎºÐÀÔ´Ï´Ù. <div class="chromestyle" id="chromemenu"> <ul> <li><a href="http://www.dynamicdrive.com">Home</a></li> <li><a href="#" rel="dropmenu1">Resources</a></li> <li><a href="#" rel="dropmenu2">News</a></li> <li><a href="#" rel="dropmenu3">Search</a></li> </ul> </div>
À̸§À» ¿øÇÏ´Â ºÎºÐÀ¸·Î º¯°æÇϸé Àû¿ëµË´Ï´Ù. ¿¹) <li><a href="http://www.dynamicdrive.com">óÀ½À¸·Îµ¹¾Æ°¡±â</a></li>
±×´ÙÀ½ ¼ºê¸Þ´º¼³Á¤ºÎºÐÀÔ´Ï´Ù. <!--1st drop down menu --> <div id="dropmenu1" class="dropmenudiv"> <a href="http://www.dynamicdrive.com/">Dynamic Drive</a> <a href="http://www.cssdrive.com">CSS Drive</a> <a href="http://www.javascriptkit.com">JavaScript Kit</a> <a href="http://www.codingforums.com">Coding Forums</a> <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a> </div>
ºÓÀº»öºÎºÐÀÌ Ã¹¹ø° ¼ºê¸Þ´º¸¦ ÁöĪÇÏ´Â ºÎºÐÀÔ´Ï´Ù. óÀ½¿¡ ¼³Á¤ÇѺκп¡ ÀÖ´Â <li><a href="#" rel="dropmenu1">Resources</a></li> ºÓÀº»öºÎºÐÀÇ ÀÌ°ÍÀÔ´Ï´Ù.
±×¾Æ·¡¿¡ ÀִºκÐÀÌ ÀÚµ¿À¸·Î ¼ºê¸Þ´º·Î¼ Ãâ·ÂµË´Ï´Ù.
|