스 니펫 (snippet) 사용법?

-1

$(function() { 

    var docHeight = $(document).height(); 

    $("body").append("<div id='overlay'></div>"); 

    $("#overlay") 
     .height(docHeight) 
     .css({ 
     'opacity' : 0.4, 
     'position': 'absolute', 
     'top': 0, 
     'left': 0, 
     'background-color': 'black', 
     'width': '100%', 
     'z-index': 5000 
     }); 

});

나는 css-tricks에서 이것을 얻었지만 어떻게 사용하는지 모르겠다. jsfiddle 예제에 연결하면 큰 도움이됩니다!스 니펫 (snippet) 사용법?

출처

2011-10-30 FBwall

우리가 약간의 문맥을 제공하면 도움이 될 것입니다. 뭐하고 싶어? 페이지에 스크립트를 포함시키는 방법, 변수가 정의되는 방식, 상황에 어떻게 적응하는지를 원하지 않습니까? – jjmerelo

사실 나는 단지 초보자 인만큼이 스 니펫이 어떻게 작동하는지 알고 싶어하며 자바와 PHP 만 알고 있습니다. 어떤 콘텐츠라도 괜찮습니다. 고맙습니다! – FBwall

첫 번째 문장은 문서의 높이를 검색하고, 두 번째는 문서 본문에 오버레이 노드를 추가하고 세 번째는 방금 만든 노드에 CSS 속성을 추가합니다. HTML 페이지에서 작동하게하려면 고전적인

스 니펫 (snippet) 사용법?

관련 문제