태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

[자바스크립트] 서서히 나타나고 사라지는 창

9년 전

메뉴를 클릭하면 서서히 나타납니다.

① <head>와 </head>부분에 넣어줍니다.
*****************************************
<script language="JavaScript">

</script>

② <body>와 </body>부분에 넣어줍니다.
*****************************************
레이어를 만듭니다.
<div id="layer1" style="position:absolute; left:181px; top:45px; width:101px; height:87px; z-index:1; visibility:hidden;filter:revealTrans(transition=23,duration=0.7) blendTrans(duration=0.7);"
onmouseover="dragObj=sub1; drag=0;move=0" onmouseout="drag=0"> <p>스르륵~ 나타납니다.</p></div>

③ 옵션
*****************************************
div id="layer1" //레이어를 여러개 만들때 정해줄 이름
left:181px; top:45px; // 좌표 0,0을 기준으로 얼마의 거리를 띄울것인가?
width:101px; height:87px; //레이어릐 가로 세로 크기
onmouseover="dragObj=sub1; drag=0;move=0" //drag의 값을 1로 하면 창을 움직일수 있습니다.

④ 링크부분에 넣어줍니다.
*****************************************
<a href="javascript:void(Show(layer1))">열기</a>
<a href="javascript:void(Hide(layer1))">닫기</a>

추천 목록

번호	제목
2,615	클릭시 url 복사하기
2,614	CSS Hover 를 이용한 깔끔한 페이징
2,613	스크롤해도 상단에 고정되는 메뉴 만들기
2,612	[정규표현식] php 문자열에서 숫자만 추출
2,611	HTML5 Video/Audio CurrentTime/Ended 문제점
2,610	audio 엘리먼트의 onplay 이벤트 처리 시 주의사항
2,609	PHP - $ SERVER 환경변수
2,608	Example #1 print 예제
2,607	php `/`기준으로 자르기
2,606	php 문자열 함수
2,605	주소등 인코딩해서 보내기
2,604	jquery load() 메소드 (비동기 웹페이지 로드)
2,603	[Ajax] ajax 예제2
2,602	[Ajax] ajax 예제1
2,601	[Ajax] JSON (Javascript Object Notation) 사용하기
2,600	[jQuery] jQuery.ajax() HTTP 비동기 데이터 교환
2,599	[jQuery] jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo() 이해하기
2,598	IE6~7 문제해결
2,597	Windows Media Player 제어
2,596	나눔고딕 구글 웹폰트(Webfont) 사용하기
2,595	PHP 문자열 나누기 - explode()
2,594	[PHP] ceil() , floor(), round() 함수
2,593	PHP split 함수를 이용한 문자열 분리
2,592	[CSS] :before,:after 활용하기 - 구분선
2,591	CSS border-image 속성
2,590	jquery 기본문법
	[자바스크립트] 서서히 나타나고 사라지는 창
2,588	php에서 이미지 파일을 랜덤하게 불러오기
2,587	php에서 sendmail 테스트 하기
2,586	php의 number format 함수 - 숫자를 천단위로 구분