Contents

조회 수 6338 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
# 미리보기 :
여기에 내용을 삽입하세요..
감사합니다.
hooni.net


# 소스코드 :

<style>

#dhtmlgoodies_contentBox {

    border:1px solid #317082;

    height:0px;

    visibility:hidden;

    position:absolute;

    background-color:#FFFFCC;

    overflow:hidden;

    padding:10px;

    width:250px;

}


#dhtmlgoodies_content {

    position:relative;

    font-family: tahoma;

    width:100%;

    font-size:9pt;

}

</style>


<script type="text/javascript">

var initHeight = 0;

var slidedown_direction = 1;

var slidedownContentBox = false;

var slidedownContent = false;

var slidedownActive = false;

var contentHeight = false;

var slidedownSpeed = 3;// Higher value = faster script

var slidedownTimer = 7; // Lower value = faster script


function slidedown_showHide() {

    if(initHeight==0) slidedown_direction=slidedownSpeed; else slidedown_direction = slidedownSpeed*-1;

    

    if(!slidedownContentBox) {

        slidedownContentBox = document.getElementById('dhtmlgoodies_contentBox');

        slidedownContent = document.getElementById('dhtmlgoodies_content');

        contentHeight = document.getElementById('dhtmlgoodies_content').offsetHeight;

    }

    slidedownContentBox.style.visibility='visible';

    slidedownActive = true;

    slidedown_showHide_start();

}


function slidedown_showHide_start() {

    if(!slidedownActive)return;

        initHeight = initHeight/1 + slidedown_direction;

    if(initHeight <= 0) {

        slidedownActive = false; 

        slidedownContentBox.style.visibility='hidden';

        initHeight = 0;

    }

    if(initHeight>contentHeight) {

        slidedownActive = false; 

    }

    slidedownContentBox.style.height = initHeight + 'px';

    slidedownContent.style.top = initHeight - contentHeight + 'px';

    setTimeout('slidedown_showHide_start()',slidedownTimer); // Choose a lower value than 10 to make the script move faster

}


function setslidedownWidth(newWidth) {

    document.getElementById('dhtmlgoodies_slidedown').style.width = newWidth + 'px';

    document.getElementById('dhtmlgoodies_contentBox').style.width = newWidth + 'px';

}


function setSlideDownSpeed(newSpeed) {

    slidedownSpeed = newSpeed;

}

</script>



<div id="dhtmlgoodies_control">

    <a href="#" onclick="slidedown_showHide();return false;">여기를 클릭하세요..</a>

</div>


<div id="dhtmlgoodies_contentBox">

    <div id="dhtmlgoodies_content">

        여기에 내용을 삽입하세요..<br/>

        감사합니다.<br/>

        <a href="http://www.blueb.co.kr" target=_>https://www.hooni.net</a>

    </div>

</div>


<script type="text/javascript">

    setSlideDownSpeed(4);

</script>


?

  1. [js] 실행되는 디렉토리 확인하는 스크립트..

    Date2013.04.23 CategoryDevelop Byhooni Views6766
    Read More
  2. [js] 스타크래프트(starcraft)..

    Date2013.04.23 CategoryDevelop Byhooni Views6641
    Read More
  3. [js] 스크롤을 포함한 마우스 위치 찾는 코드

    Date2003.04.23 CategoryDevelop Byhooni Views8505
    Read More
  4. [js] 스크롤 이벤트 막기

    Date2015.04.14 CategoryDevelop Byhooni Views1012
    Read More
  5. [js] 숫자만 입력하게 하는 자바스크립트

    Date2013.04.23 CategoryDevelop Byhooni Views6795
    Read More
  6. [js] 순환참조에 의한 메모리 누수 관련

    Date2013.12.17 CategoryDevelop Byhooni Views10846
    Read More
  7. [js] 수학 공식을 제공하는 Math 객체

    Date2013.04.23 CategoryDevelop Byhooni Views15414
    Read More
  8. [js] 수명체크 프로그램 ㅋㅋ

    Date2013.04.23 CategoryDevelop Byhooni Views6839
    Read More
  9. [js] 셀렉트박스(select)의 옵션(option) 동적으로 추가/제거

    Date2013.04.23 CategoryDevelop Byhooni Views8060
    Read More
  10. [js] 서서히 나타나는 화면.. ㅋㅋ

    Date2013.04.23 CategoryDevelop Byhooni Views6196
    Read More
  11. [js] 새로고침(refresh)방법과 다른 페이지 바꾸기..

    Date2003.04.23 CategoryDevelop Byhooni Views6521
    Read More
  12. [js] 사진첩에 쓸 내용 - 마우스 오버로 바꾸기

    Date2013.04.23 CategoryDevelop Byhooni Views6338
    Read More
Board Pagination Prev 1 ... 11 12 13 14 15 16 17 18 19 20 ... 71 Next
/ 71