클릭시 펼쳐지는 메뉴
<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>
.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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 11470 |
PHP
64비트용 php5.1
|
| 11469 | |
| 11468 | |
| 11457 | |
| 29100 | |
| 11448 | |
| 11444 |
Flash
화이어폭스에서 플래시투명하게..
3
|
| 24851 | |
| 29091 |
HTML
포토샵팁 73가지
8
|
| 11440 | |
| 11434 |
JavaScript
[팁]웹상이나 포토샵에서 이미지 작업시 필요한 색상이 따로 있는걸 아세요?
5
|
| 11431 | |
| 11420 |
기타
아쿠아틱볼만들기~
10
|
| 11415 | |
| 11412 | |
| 29087 | |
| 11408 | |
| 11402 | |
| 11397 |
JavaScript
PHP에서 성능 개선을 위한 유용한 팁
4
|
| 11389 |
MySQL
PHP 초보적인 질문인데 너무 궁금해서요
7
|
| 11387 | |
| 11383 |
Flash
포토샵에 쓰이는 파일 정보
3
|
| 11375 | |
| 11370 | |
| 11362 |
기타
디카사진 보정효과
7
|
| 11354 |
JavaScript
강렬한 Sketch(스케치) 효과
7
|
| 11349 |
JavaScript
포토샵 단축키 모음
4
|
| 11348 |
JavaScript
셀렉트 박스 이뿌게 꾸미기
|
| 11347 |
JavaScript
데몬 Daemon 설명
|
| 11342 | |
| 11338 |
JavaScript
서버호스팅 트래픽 계산방법
3
|
| 29084 |
HTML
뒷배경을 채우기
2
|
| 11335 |
JavaScript
APM 설치전 필수 라이브러리 다운로드 및 설치
2
|
| 11327 | |
| 11325 |
JavaScript
Alpha 채널을 이용하여 Halftone Dot Image 만들기
1
|
| 11318 | |
| 11312 | |
| 11308 |
기타
사진에 글시 쓰기
3
|
| 11303 | |
| 11300 |
기타
이미지 합성하기
2
|
| 29077 |
HTML
부분 흑백 만들기
6
|
| 24849 | |
| 29075 |
HTML
스크롤바 색상 변경해주는 소스
1
|
| 29070 | |
| 11291 |
JavaScript
재미 있는 네비입니다.
8
|
| 11290 |
JavaScript
mod_rewrite 를 적용하기 위한 http.conf 설정
|
| 11288 | |
| 11285 |
JavaScript
잘 되던 포토샵이 갑자기 실행이 안될때
2
|
| 29068 |
HTML
단축기와 용어/팁
1
|
| 11282 | |
| 11279 | |
| 11271 |
Flash
flash source 입니다 (네비)
7
|
| 11267 |
Flash
드디어 cs3 이 출시 했다고 합니다.
3
|
| 11264 | |
| 11263 |
JavaScript
[스크립트] 이미지 없는 둥글게 테두리 DIV
|
| 29064 |
HTML
한글패치의 삭제 방법
3
|
| 11256 | |
| 11250 | |
| 11244 |
JavaScript
왜곡과 수평 바로잡기 (동영상)
5
|
| 11238 | |
| 11237 | |
| 11234 | |
| 29061 | |
| 11231 | |
| 11228 | |
| 11226 | |
| 29056 |
HTML
플래쉬 인트로자동으로 로딩되게
4
|
| 11223 | |
| 11216 |
MySQL
익스플로러7 팝업창의 주소창 없애기
6
|
| 11214 | |
| 24846 | |
| 11210 |
JavaScript
포토샵8.0cs 분할영역 도구로 일부 영역만 저장은 불가능 한가요?
3
|
| 11206 |
JavaScript
유용한 포샵단축키
3
|
| 11199 | |
| 11194 |
JavaScript
유용한 포토샵 강좌 사이트
4
|
| 11190 |
JavaScript
Jpeg등으로 압축하지 않고 Photoshop파일 사이즈 줄이기
3
|
| 29052 |
HTML
특정레이어만 선택해서 보기
3
|
| 11188 | |
| 11182 | |
| 11178 |
JavaScript
포토삽을 초기화 하고 싶을때
3
|
| 29048 | |
| 11171 |
Flash
플래쉬 네비게이션 질문입니다...
6
|
| 11163 | |
| 11159 |
기타
심볼마크와 로고
3
|
| 11154 | |
| 29047 |
HTML
파일에 이미지를 포함시키는 방법
|
| 29037 |
HTML
포토샵을 빨리 뜨게 하려면...
9
|
| 11149 |
JavaScript
포토샵에서 작업하다 글자 사이즈가 갑자기 커지거나 작아질 때.....
4
|
| 29036 |
HTML
PDF 세션에 대한 원리 및 보안
|
| 11135 |
JavaScript
고급스런 색상 만들기 혹은 선택하기...
13
|
| 29032 | |
| 11134 |
JavaScript
롤오버 자바스크립트입니다.
|
| 11129 |
JavaScript
포토샵 한영키 안먹을때..(다른 프로그램도 마찬가지..영구적용)
4
|
| 29031 | |
| 11127 | |
| 29026 |
HTML
이미지 저작권 관련 설명 7탄
4
|
| 11119 | |
| 11115 | |
| 29020 |
HTML
이미지 저작권 관련 설명 6탄
5
|
| 11113 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기