글

라벨이 신현석인 게시물 표시

[JQuery] jQueryBasicAPIs

현석님의 jQueryBasicAPIs 자료입니다. 아우...너무 좋음. 예제는 사이트에서 확인하시면서 보면 더욱 좋음. 출처 :  http://hyeonseok.com/soojung/javascript/2011/06/04/658.html
댓글 쓰기
자세한 내용 보기

[JS] Scroll Layer : 신현석

페이지 스크롤에 따라서 부드럽게 움직이는 레이어를 만드는 스크립트이다. 쇼핑몰이나 웹사이트에서 사이트 오른쪽에 스크롤을 따라다니는 탑버튼이나 퀵메뉴, 윙배너 구현에 사용할 수 있다. IE6, IE7, IE8, FF3.6, Opera10.50, Safari4에서 테스트 되었다. IE의 쿽스모드와 표준모드 양쪽에서 작동한다. 코드 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>SmoothMovingLayer Demo</title> <script type="text/javascript"> //<![CDATA[ function initMoving(target, position, topLimit, btmLimit) { if (!target) return false; var obj = target; obj.initTop = position; obj.topLimit = topLimit; obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight; obj.style.position = "absolute"; obj.top = obj.initTop; obj.left = obj.initLeft; if (typeof(window.pageYOffset) == "number") { //WebKit obj.ge...
댓글 쓰기
자세한 내용 보기

[JS] Tab : 신현석

탭으로 구성되어 있어서 탭을 누를때마다 선택적으로 다른 컨텐츠를 보여주는 효과. tab역할을 하는 <a>에 class="tab" 지정합니다. tab역할을 하는 <a>의 href에는 클릭시 나타나는 컨텐츠의 id를 지정합니다. initTabMenu()에 tab을 포함하는 엘리먼트의 id를 지정합니다. 지정된 id안에서 class가 tab인 모든 <a>에 기능을 부여합니다. tab이 이미지일경우 "_on.gif" 이미지를 마우스를 올리거나 클릭했을 때에 보여줍니다. Script // Tab Content function initTabMenu(tabContainerID) { var tabContainer = document.getElementById(tabContainerID); var tabAnchor = tabContainer.getElementsByTagName("a"); var i = 0; for(i=0; i<tabAnchor.length; i++) { if (tabAnchor.item(i).className == "tab") thismenu = tabAnchor.item(i); else continue; thismenu.container = tabContainer; thismenu.targetEl = document.getElementById(tabAnchor.item(i).href.split("#")[1]); thismenu.targetEl.style.display = "none"; thismenu.imgEl = thismenu.getElementsByTagName("img").item(0); thismenu.onclick = function tabMenuClick() { currentmenu = this.contai...
댓글 쓰기
자세한 내용 보기