<html>
<head>
<script type="text/javascript">
var TimeOut = 300;
var currentLayer = null;
var currentitem = null;
var currentLayerNum = 0;
var noClose = 0;
var closeTimer = null;
// Open Hidden Layer
function mopen(n)
{
var l = document.getElementById("menu"+n);
var mm = document.getElementById("mmenu"+n);
if(l)
{
mcancelclosetime();
l.style.visibility='visible';
if(currentLayer && (currentLayerNum != n))
currentLayer.style.visibility='hidden';
currentLayer = l;
currentitem = mm;
currentLayerNum = n;
}
else if(currentLayer)
{
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentitem = null;
currentLayer = null;
}
}
// Turn On Close Timer
function mclosetime()
{
closeTimer = window.setTimeout(mclose, TimeOut);
}
// Cancel Close Timer
function mcancelclosetime()
{
if(closeTimer)
{
window.clearTimeout(closeTimer);
closeTimer = null;
}
}
// Close Showed Layer
function mclose()
{
if(currentLayer && noClose!=1)
{
currentLayer.style.visibility='hidden';
currentLayerNum = 0;
currentLayer = null;
currentitem = null;
}
else
{
noClose = 0;
}
currentLayer = null;
currentitem = null;
}
// Close Layer Then Click-out
document.onclick = mclose;
</script>
<style>
#dd
{ margin: 0;
padding: 0}
#dd li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}
#dd li a.menu
{ display: block;
text-align: center;
background: #5970B2;
padding: 4px 10px;
margin: 0 1px 0 0;
color: #FFF;
width: 100px;
text-decoration: none}
#dd li a.menu:hover
{ background: #49A3FF}
.submenu
{ background: #EAEBD8;
border: 1px solid #5970B2;
visibility: hidden;
position: absolute;
z-index: 3}
.submenu a
{ display: block;
font: 11px arial;
text-align: left;
text-decoration: none;
padding: 5px;
color: #2875DE}
.submenu a:hover
{ background: #49A3FF;
color: #FFF}
</style>
</head>
<body>
<ul id="dd">
<li>
<a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();">Home</a>
<div class="submenu" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#">HTML DropDown</a>
<a href="#">DHTML DropDown menu</a>
<a href="#">JavaScript DropDown</a>
<a href="#">DropDown Menu</a>
<a href="#">CSS DropDown</a>
</div>
</li>
<li>
<a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();">Download</a>
<div class="submenu" id="menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#">ASP Dropdown</a>
<a href="#">Pulldown menu</a>
<a href="#">AJAX dropdown</a>
<a href="#">DIV dropdown</a>
</div>
</li>
<li><a href="#" class="menu">Order</a></li>
<li><a href="#" class="menu">Help</a></li>
<li><a href="#" class="menu">Contact</a></li>
</ul>
</body>
</html>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 230 | 20년 전 | 2053 | ||
| 229 | 20년 전 | 3132 | ||
| 228 | 20년 전 | 3322 | ||
| 227 | 20년 전 | 2388 | ||
| 226 | 20년 전 | 5472 | ||
| 225 | 20년 전 | 2516 | ||
| 224 | 20년 전 | 2963 | ||
| 223 | 20년 전 | 4201 | ||
| 222 | 20년 전 | 2604 | ||
| 221 | 20년 전 | 2287 | ||
| 220 | 20년 전 | 3673 | ||
| 219 | 20년 전 | 2065 | ||
| 218 | 20년 전 | 3561 | ||
| 217 | 20년 전 | 2473 | ||
| 216 | 20년 전 | 2904 | ||
| 215 | 20년 전 | 2219 | ||
| 214 | 20년 전 | 3332 | ||
| 213 | 20년 전 | 2911 | ||
| 212 | 20년 전 | 3045 | ||
| 211 | 20년 전 | 2143 | ||
| 210 | 20년 전 | 1889 | ||
| 209 | 20년 전 | 2344 | ||
| 208 | 20년 전 | 1972 | ||
| 207 | 20년 전 | 1670 | ||
| 206 | 20년 전 | 1852 | ||
| 205 | 20년 전 | 3943 | ||
| 204 | 20년 전 | 1672 | ||
| 203 | 20년 전 | 2006 | ||
| 202 | 20년 전 | 2353 | ||
| 201 | 20년 전 | 1820 | ||
| 200 | 20년 전 | 2949 | ||
| 199 | 20년 전 | 2004 | ||
| 198 | 20년 전 | 2083 | ||
| 197 | 20년 전 | 3647 | ||
| 196 | 20년 전 | 2976 | ||
| 195 | 20년 전 | 2088 | ||
| 194 | 20년 전 | 10239 | ||
| 193 | 20년 전 | 2240 | ||
| 192 | 20년 전 | 1593 | ||
| 191 | 20년 전 | 2659 | ||
| 190 | 20년 전 | 2284 | ||
| 189 | 20년 전 | 1679 | ||
| 188 | 20년 전 | 1471 | ||
| 187 | 20년 전 | 1903 | ||
| 186 | 20년 전 | 1706 | ||
| 185 | 20년 전 | 1746 | ||
| 184 | 20년 전 | 2343 | ||
| 183 | 20년 전 | 1552 | ||
| 182 | 20년 전 | 1481 | ||
| 181 | 20년 전 | 1621 | ||
| 180 | 20년 전 | 2716 | ||
| 179 | 20년 전 | 1797 | ||
| 178 | 20년 전 | 1849 | ||
| 177 | 20년 전 | 1977 | ||
| 176 | 20년 전 | 1797 | ||
| 175 | 20년 전 | 1870 | ||
| 174 | 20년 전 | 1692 | ||
| 173 | 20년 전 | 2057 | ||
| 172 | 20년 전 | 1781 | ||
| 171 | 20년 전 | 2553 | ||
| 170 | 20년 전 | 2266 | ||
| 169 | 20년 전 | 2546 | ||
| 168 | 20년 전 | 1471 | ||
| 167 | 20년 전 | 1573 | ||
| 166 | 20년 전 | 2144 | ||
| 165 | 20년 전 | 1615 | ||
| 164 | 20년 전 | 3764 | ||
| 163 | 20년 전 | 2654 | ||
| 162 | 20년 전 | 2076 | ||
| 161 | 20년 전 | 2784 | ||
| 160 | 20년 전 | 1728 | ||
| 159 | 20년 전 | 1602 | ||
| 158 | 20년 전 | 2559 | ||
| 157 | 20년 전 | 1486 | ||
| 156 | 20년 전 | 1731 | ||
| 155 | 20년 전 | 3226 | ||
| 154 | 20년 전 | 1885 | ||
| 153 | 20년 전 | 1617 | ||
| 152 | 20년 전 | 4945 | ||
| 151 | 20년 전 | 4570 | ||
| 150 | 20년 전 | 3509 | ||
| 149 | 20년 전 | 3780 | ||
| 148 | 20년 전 | 7066 | ||
| 147 | 20년 전 | 3547 | ||
| 146 | 20년 전 | 2616 | ||
| 145 | 20년 전 | 2609 | ||
| 144 | 20년 전 | 7164 | ||
| 143 | 20년 전 | 4594 | ||
| 142 | 20년 전 | 1898 | ||
| 141 | 20년 전 | 3249 | ||
| 140 | 20년 전 | 1957 | ||
| 139 | 20년 전 | 1568 | ||
| 138 | 20년 전 | 2298 | ||
| 137 | 20년 전 | 1774 | ||
| 136 | 20년 전 | 1450 | ||
| 135 | 20년 전 | 1782 | ||
| 134 | 20년 전 | 2963 | ||
| 133 | 20년 전 | 2442 | ||
| 132 | 20년 전 | 1704 | ||
| 131 | 20년 전 | 1635 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기