생각하는섬 바닷가

원소스 : 다음넷 한메일
http://www.daum.net

옮겨 정리한 분 : 하나(greatego) in 미니위니
http://www.2dea.com

===================================
특기사항 : 넷스에서는 슬라이딩이 동작하지 않음

===================================

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="Generator" content="EditPlus">
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="StyleSheet" href="http://www.2dea.com/etc/default.css">
<script language="JavaScript" src="http://www.2dea.com/etc/common.js"></script>
</head>

<body bgcolor="#FFFFFF">
<div id="myMailBoxRoot" style="width: 150px; height: 20px; overflow: hidden; "></div>
<div id="myMailBox" style="width: 100%; height: 1px; overflow: hidden; display: none; "></div>
<script language="JavaScript">
var mailBox = new Array('【★보낸메일★】'
,'【행복행복하기】'
,'【멋쟁이친구들】'
,'【보라우리보라】'
,'【하나하나오빠】'
);
var mailBoxLink = new Array('http://www.daum.net'
,'http://www.google.com'
,'http://www.dawebplus.com'
,'http://www.ilovezone.org'
,'http://www.miniwini.com'
);
var maximumNum = 5; // 편지함 목록을 보여줄 갯수를 정합니다.
var textHeight = 15; // 편지함 한개의 text 높이값, 최소 14 이상. 밑에 line-height 스타일 값으로 들어감.
var maximumHeight = textHeight*maximumNum;
var steps = 5; // 편지함이 열리고 닫히는 속도를 조절합니다. 숫자가 작을수록 빠름. 1이면 한번에 열림.
var boxOpen = 0;
var moving = 0;
function openMailBox() {
        var t_height = textHeight*mailBox.length > maximumHeight ? maximumHeight : textHeight*mailBox.length;
        sv = document.getElementById('myMailBox');
        sv.style.display = 'inline';
        tmp = parseInt(sv.style.height);
        if (t_height - tmp > 1) {
                sv.style.height = tmp+(t_height-tmp)/steps+1;
                window.setTimeout('openMailBox()',10);
        }
        else {
                sv.style.height = t_height;
                sv.style.overflow = 'auto';
                moving=0;
        }
}
function closeMailBox() {
        var tmp=0;
        sv = document.getElementById('myMailBox');
        tmp = parseInt(sv.style.height);
        if (tmp > 2) {
                sv.style.overflow = 'hidden';
                sv.style.height = tmp-tmp/steps;
                window.setTimeout('closeMailBox()',10);
        }
        else {
                sv.style.display = 'none';
                moving=0;
        }
}
function mailBoxCtrl() {
        if (!moving) {
                if (!boxOpen) {
                        boxOpen=1;
                        moving=1;
                        openMailBox();
                        document.getElementById('myMailBoxRoot').innerHTML = '<img src="http://mailimg.hanmail.net/img/im_tree_04-.gif" width="17" height="21" align="absmiddle" onClick="mailBoxCtrl()"><a href="javascript:mailBoxCtrl()" >내가 만든 편지함</a>'; // - 트리이미지 경로수정.
                }
                else {
                        boxOpen=0;
                        moving=1;
                        closeMailBox();
                        document.getElementById('myMailBoxRoot').innerHTML = '<img src="http://mailimg.hanmail.net/img/im_tree_04.gif" width="17" height="21" align="absmiddle" onClick="mailBoxCtrl()"><a href="javascript:mailBoxCtrl()">내가 만든 편지함</a>'; // + 트리이미지 경로수정.
                }
        }
}
function writeMailBox() {
        var html='';
        document.getElementById('myMailBoxRoot').innerHTML = '<img src="http://mailimg.hanmail.net/img/im_tree_04.gif" width="17" height="21" align="absmiddle" onClick="mailBoxCtrl()"><a href="javascript:mailBoxCtrl()">내가 만든 편지함</a>'; // + 트리이미지 경로수정.
        for (i in mailBox) {
                html+='<a href="' + mailBoxLink[i] + '" target="_blank" style="line-height: '+textHeight+'px; ">'+mailBox[i]+'</a><br>'; // 타겟을 정해줌.
        }
        document.getElementById('myMailBox').innerHTML = html;
}
writeMailBox();
</script>
</body>
</html>

2003년 1월 8일 이후 모두 명 오늘 명
메인 페이지
칼럼 보기
카툰 보기
게시판 가기
사이트맵
그밖의 것들

가입하면 정말 편합니다;;

▶	리디 스타일
	랜덤배너 북마크
	펌 전용 이모테이퍼