거

클릭시 펼쳐지는 메뉴

· 2006-12-07 (목) 22:42:31 · 4719
<style type="text/css">
.cate_scroll-list {
position: absolute;
top: 50px;
left: 3px;
border: 1px solid #ccc;
background-color: #fff;
width: 175px;
height: 1px;
overflow: auto;
scrollbar-face-color: #DBDBDB;
scrollbar-track-color: #F4F4F4;
scrollbar-highlight-color: #DBDBDB;
scrollbar-3dlight-color: #DBDBDB;
scrollbar-shadow-color: #DBDBDB;
scrollbar-darkshadow-color: #DBDBDB;
scrollbar-arrow-color: #606060;
}
</style>
<!--<BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
<SCRIPT LANGUAGE="JavaScript">
<!--
function startCateScrollScroll() {
setTimeout("slideCateScroll()", 10);
}
function slideCateScroll() {
var Sel_Height=150; //셀렉트 박스의 세로 크기 지정
el = document.getElementById("cate_scroll-list");
if (el.heightPos == null || (el.isDone && el.isOn == false)) {
el.isDone = false;
el.heightPos = 1;
el.heightTo = Sel_Height;
} else if (el.isDone && el.isOn){
el.isDone = false;
el.heightTo = 1; //셀렉트 영역이 닫힐때 크기 지정
}
if (Math.abs(el.heightTo - el.heightPos) > 1) {
el.heightPos += (el.heightTo - el.heightPos) / 10;
el.style.height = el.heightPos + "px";
startCateScrollScroll();
} else {
if (el.heightTo == Sel_Height) {
el.isOn = true;
} else {
el.isOn = false;
}
el.heightPos = el.heightTo;
el.style.height = el.heightPos + "px";
el.isDone = true;
}
}
//-->
</SCRIPT>





<div id="cate_scroll" style="background-image:url('http://tagin.net/img/logo.gif'); background-repeat:no-repeat; position:relative; left:0; top:0px;">
<span style="width:100%;height:45px;cursor: pointer" onclick="slideCateScroll()">클릭하세요</span>
<div id="cate_scroll-list" class="cate_scroll-list" style="line-height:17px; padding-top:5; padding-right:5; padding-bottom:5; padding-left:20; overflow: auto;">
<a href="http://www.tagin.net/">HOME</a><BR />
<a href="http://www.tagin.net/">태그인넷</a><BR />
<a href="http://www.tagin.net/">자바스크립트 소스</a><BR />
<a href="http://www.tagin.net/">태그소스</a><BR />
<a href="http://www.tagin.net/">나모강좌</a><BR />
<a href="http://www.tagin.net/">동영상편집</a><BR />
<a href="http://www.tagin.net/">캡쳐</a><BR />
<a href="http://www.tagin.net/">녹음 녹화강좌</a><BR />
<a href="http://www.tagin.net/">코덱다운로드</a><BR />
<a href="http://www.tagin.net/">네로버닝롬 강좌</a><BR />

</div>
</div><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
06-11-28 조회 4,179
06-11-28 조회 6,470
06-11-27 조회 3,700
06-11-27 조회 4,626
06-11-27 조회 5,521
06-11-25 조회 3,772
06-11-24 조회 3,718
06-11-22 조회 5,397
06-11-21 조회 4,017
06-11-18 조회 4,223
06-11-15 조회 3,442
06-11-15 조회 3,474
06-11-11 조회 3,204
06-11-10 조회 4,603
06-11-04 조회 3,333
06-10-29 조회 3,990
06-10-29 조회 2,997
06-10-24 조회 6,513
06-10-17 조회 4,827
06-10-17 조회 5,561
06-10-16 조회 4,310
06-10-16 조회 3,739
06-10-15 조회 5,120
06-10-13 조회 3,844
06-10-13 조회 4,217
06-10-13 조회 4,172
06-10-12 조회 5,363
06-10-12 조회 4,336
06-10-12 조회 4,275
06-10-12 조회 4,846
06-10-10 조회 4,167
06-10-10 조회 3,416
06-10-10 조회 3,466
06-10-10 조회 3,391
06-10-09 조회 4,010
06-10-04 조회 3,773
06-10-02 조회 4,558
06-10-01 조회 4,461
06-09-29 조회 3,045
06-09-29 조회 3,963
06-09-27 조회 9,053
06-09-27 조회 3,694
06-09-26 조회 4,352
06-09-26 조회 4,072
06-09-26 조회 4,218
06-09-26 조회 3,385
06-09-26 조회 3,648
06-09-26 조회 5,354
06-09-26 조회 3,467
06-09-26 조회 5,473
06-09-26 조회 3,595
06-09-26 조회 3,293
06-09-26 조회 3,517
06-09-26 조회 3,072
06-09-26 조회 3,645
06-09-26 조회 3,443
06-09-26 조회 4,344
06-09-26 조회 3,043
06-09-26 조회 4,736
06-09-25 조회 3,952
06-09-25 조회 4,701
06-09-25 조회 4,649
06-09-25 조회 4,393
06-09-25 조회 6,643
06-09-23 조회 3,340
06-09-23 조회 3,442
06-09-23 조회 3,483
06-09-23 조회 4,577
06-09-22 조회 4,991
06-09-22 조회 4,926
06-09-22 조회 3,556
06-09-22 조회 3,704
06-09-22 조회 3,915
06-09-22 조회 4,336
06-09-22 조회 3,777
06-09-22 조회 3,910
06-09-22 조회 3,731
06-09-22 조회 3,529
06-09-22 조회 4,556
06-09-22 조회 4,570
06-09-22 조회 4,274
06-09-21 조회 6,078
06-09-21 조회 3,867
06-09-21 조회 4,590
06-09-21 조회 4,329
06-09-21 조회 3,264
06-09-21 조회 4,336
06-09-21 조회 3,000
06-09-21 조회 3,468
06-09-21 조회 3,543
06-09-21 조회 5,192
06-09-21 조회 4,324
06-09-21 조회 4,282
06-09-21 조회 3,721
06-09-21 조회 3,191
06-09-21 조회 2,711
06-09-21 조회 3,625
06-09-21 조회 3,454
06-09-21 조회 2,912
06-09-21 조회 2,949