EveryDay Smile~ :) ::

----------Category

Total (112)

----------Calendar

----------Recent Post

----------Recent Comment

----------Link

영문사이트 기본폰트

from 코딩팁 2011/04/14 18:17

Tahoma

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

Verdana

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

Trebuchet MS

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

Arial

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

Helvetica

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

Times New Roman

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

Georgia

BIG TITLE
But if you tame me, it will be as if the sun came to shine on my life.
I shall know the sound of a step that will be different from all the others.
Other steps send me hurrying back underneath the ground.
Yours will call me, like music, out of my burrow.

받은 트랙백이 없고, 댓글이 없습니다.

미니위니 문의

from 곰탱이 놀이방 2011/02/15 13:29

받은 트랙백이 없고, 댓글이 없습니다.

자바를 이용한 플래시 느낌나는 메뉴

from JS 2010/07/23 16:13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />

<script type="text/javascript">
var delay = 3;            // 메뉴 스피드(낮을수록 빠름)
var m_length = 20;    // 메뉴 간격
var sel_l_length = 30;    // 선택한 메뉴와 이전 메뉴 간격
var sel_r_length = 60;    // 선택한 메뉴와 다음 메뉴 간격
var m_sel = 0;            // 메뉴 선택 상태
var m_max = 0;        // 메인메뉴 갯수
var sm_alpha = 0;    // 서브메뉴 투명도
var id = new Array();    // 메인메뉴 ID
var sid = new Array();    // 서브메뉴 ID
var m_top = 0;                // 메인메뉴 y 위치
function on_load(){
    while(document.getElementById("menu"+(m_max+1)) != null){
        m_max++;
        id[m_max] = document.getElementById("menu"+m_max);
        sid[m_max] = document.getElementById("smenu"+m_max);
    };
    m_top = id[1].offsetTop;
    m_act();
}
function m_over(m){
    m_sel = m;
    for(i=1;i<=m_max;i++){
        if(sid[i] != null){
            if(m_sel == i){
                id[i].style.fontWeight = 'bold';
                sid[i].style.display = "";
                sm_alpha = 0;
                if ((navigator.appName.indexOf('Microsoft')+1)) {
                    sid[i].filters.alpha.opacity = sm_alpha;
                }else{
                    sid[i].style.opacity = (sm_alpha/100);
                }
                sid[i].style.top = id[i].offsetTop + id[i].offsetHeight + 40;
            }else{
                id[i].style.fontWeight = '';
                sid[i].style.display = "none";
            }
        }
    }
}
function m_act(){
    var goy = 0;
    for(i=1;i<=m_max;i++){

        // 메인메뉴 좌우 이동
        if(i>1)
            temp = id[i-1].offsetWidth + id[i-1].offsetLeft;
        if(i==1){
            gox=id[i].offsetLeft;
        }else if(m_sel == i){
            gox = temp + sel_l_length;
        }else if(m_sel+1 == i){
            gox =temp + sel_r_length;
        }else{
            gox = temp + m_length;
        }
        id[i].style.left = Math.ceil(id[i].offsetLeft - (id[i].offsetLeft - (gox))/delay)+"px";

        // 메인메뉴 상하 이동
        if(m_sel == i){
            id[i].style.top = Math.ceil(id[i].offsetTop - (id[i].offsetTop - (m_top + 7))/delay)+"px";
        }else if(m_sel!=0){
            id[i].style.top = Math.ceil(id[i].offsetTop - (id[i].offsetTop - (m_top - 5))/delay)+"px";
        }

        // 서브메뉴
        if(m_sel == i && sid[i] != null){
            // 서브메뉴 투명도
            if(sm_alpha < 100){
                sm_alpha += 5;
                if ((navigator.appName.indexOf('Microsoft')+1)) {
                    sid[i].filters.alpha.opacity = sm_alpha;
                }else{
                    sid[i].style.opacity = (sm_alpha/100);
                }
            }
            // 서브메뉴 아래서부터 위로 나타남
            goy = id[i].offsetTop + id[i].offsetHeight;
            sid[i].style.top = (sid[i].offsetTop - (sid[i].offsetTop - goy)/delay)+"px";
        }
    }
    setTimeout('m_act()',20);
}
</script>

<style type="text/css">
div         {font-size: 10px; font-family: verdana; letter-spacing: -1px;}
.mmenu      {padding-right: 2px; cursor: pointer; color: #666; position: absolute; top: 30px}
.smenu      {filter: alpha(opacity=0); color: #ddd; position: absolute; top: 50px}
.sm_a       {padding: 0 3px 0 2px; color: #666; text-decoration: none;}
.sm_a:hover {padding: 0 3px 0 2px; background: #666; color: #fff; text-decoration: none;}
</style>
</head>

<body onload="on_load()">
   <div class="mmenu" id="menu1" style="left: 200px;" onclick="m_over(1)">1DEPTH_1</div>
   <div class="smenu" id="smenu1" style="display: none; left: 200px;"><a class="sm_a" href="#">menu1</a> | <a class="sm_a" href="#">menu2</a> | <a class="sm_a" href="#">menu3</a></div>

   <div class="mmenu" id="menu2" style="left: 300px;" onclick="m_over(2)">1DEPTH_2</div>
   <div class="smenu" id="smenu2" style="display: none; left: 260px;"><a class="sm_a" href="#">menu4</a> | <a class="sm_a" href="#">menu5</a> | <a class="sm_a" href="#">menu6</a></div>

   <div class="mmenu" id="menu3" style="left: 400px;" onclick="m_over(3)">1DEPTH_3</div>
   <div class="smenu" id="smenu3" style="display: none; left: 320px;"><a class="sm_a" href="#">menu7</a> | <a class="sm_a" href="#">menu8</a> | <a class="sm_a" href="#">menu9</a></div>
</body>
</html>

Tag // JS, JScript, 메뉴, 스크립트, 자바, 자바스크립트, 플래시

받은 트랙백이 없고, 댓글이 없습니다.

퍼프쿠션 만들기

from 곰탱이 공작실 2010/04/12 23:56

http://blog.daum.net/1004yolove/146?srchid=BR1http://blog.daum.net/1004yolove/146

받은 트랙백이 없고, 댓글이 없습니다.

스크립트 표준표기

from 웹표준 2009/12/03 12:05

<script type="text/javascript">
/* <![CDATA[ */ //
스크립트 함수
/*]]>*/
</script>

자세한 내용
http://mcfuture.net/445#entry445Comment

Tag // 스크리브, 표준, 표준표기

받은 트랙백이 없고, 댓글이 없습니다.

<< previous 1 2 3 4 5 ... 23 next >>