레이블이 자바스크립트인 게시물을 표시합니다. 모든 게시물 표시
레이블이 자바스크립트인 게시물을 표시합니다. 모든 게시물 표시

2009년 11월 29일 일요일

페이지 로딩 완료후 display:none 적용하기

  1. div 태그 감추기
    <div style="display:none;">
    내용
    </div>
    버그: div 태그에 걸린 자바스크립트가 적용되지 않는다.
  2. 로딩후 div 태그 감추기
    <script type="text/javascript">
    function hide() {document.getElementById('set').style.display="none"};
    //hide 함수 - set 영역을 감춤
    window.onload = function () {setTimeout("hide()",1)};
    //로딩이 완료되면 0.01초후 hide 함수 호출
    </script>
    <div id="set">
    내용
    </div>
    IE6, IE8, Firefox, Safari 에서 테스트 했는데 잘 된다.

음.. 이것도 삽질이라면 삽질이랄까;;

xe 에디터 스킨을 제작하는데 많은 도움이 됬다.