타이틀 링크 클릭하면, 목록이 부드럽게 펼쳐지는 메뉴

말자 전체게시물 작성일13-05-02 06:30 조회4,865회

본문

<html>
<head>
    <title>링크클릭하면 목록이 부드럽게 펼쳐집니다.</title>

<style type="text/css">
.scroll-list {
font-size: 12px;
background-color: #efefef;
width: 200px;
height: 1px;
overflow: auto;
line-height:120%;
padding:10;
}
li a{
color: #333333;
}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!--
function startCateScrollScroll() {
    setTimeout("slideCateScroll()", 10);
}
function slideCateScroll() {
    var Sel_Height=250;
        el = document.getElementById("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>

</head>
<body>

<a href="# onclick="slideCateScroll()" style="background-color:999999;width:200;padding:10;color:white"><B>레이어 확장</B></a>

<div id="scroll-list" class="scroll-list">
    <ul>
<li><a href="#">HOME</a><BR />
<li><a href="#">자바스크립트</a><BR />
<li><a href="#">플래쉬</a><BR />
<li><a href="#">커뮤니티</a><BR />
<li><a href="#">사이트맵</a><BR />
<li><a href="#">HOME</a><BR />

    </ul>
</div>

</body>
</html>

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 3 비추천 0

자바스크립트

31개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
자바스크립트 목록
번호 제목 아이디 날짜 조회수 추천
31 symbol: method printIn(String), location: variab… 최고관리자 전체게시물 12-06 3341 추천: 4
30 Java JDK 1.8 설치 방법 및 환경변수 설정 관련링크 최고관리자 전체게시물 12-06 4081 추천: 3
29 레이어팝업에 jwplayer 자바스크립트로 동영상 재생시 닫기 버튼 눌르면, 레이어는 닫혀… 댓글1 인기글첨부파일 말자아이콘 전체게시물 10-27 8486 추천: 4
28 닫기버튼이 있는 레이어팝업 인기글첨부파일 말자아이콘 전체게시물 10-26 6122 추천: 3
27 롤오버 메뉴 스크립소스 말자 전체게시물 05-02 3751 추천: 4
26 레이어로 만든 팝업입니다. 쿠키, 이동. 띄우는 시간 조절 가능 말자 전체게시물 05-02 4282 추천: 4
열람 타이틀 링크 클릭하면, 목록이 부드럽게 펼쳐지는 메뉴 말자 전체게시물 05-02 4866 추천: 3
24 즐겨찾기 소스 말자 전체게시물 05-02 3824 추천: 3
23 링크 일괄 적용 시키기 말자 전체게시물 05-02 3518 추천: 4
22 페이지 접속시 다른페이지로 강제로 이동시키기 무료아이콘 전체게시물 05-02 3332 추천: 3
21 글자를 클릭하면, 내용 자동 복사되게 하기 ctrl+c기능 말자 전체게시물 05-02 3258 추천: 3
20 글자 깜빡이게 하기 말자 전체게시물 05-02 3714 추천: 3
19 한 문장씩 노출되게 하기 말자 전체게시물 05-02 3282 추천: 3
18 alert 팝업창 띄우기 말자 전체게시물 05-02 3817 추천: 2
17 스크롤링 배너 첨부파일 말자 전체게시물 05-02 3447 추천: 2
게시물 검색