태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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

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>

추천 목록

번호	제목
1,192	jQuery API - 속성(CSS), 추출
1,191	urlencode(), base64 encode() 함수
1,190	PHP로 IE버전 체크하는 방법(Trident값사용)
1,189	클릭 한번으로 고유주소(URL) 복사되게 하는 방법
1,188	클릭시 url 복사하기
1,187	[정규표현식] php 문자열에서 숫자만 추출
1,186	php `/`기준으로 자르기
1,185	php 문자열 함수
1,184	PHP 문자열 나누기 - explode()
1,183	[PHP] ceil() , floor(), round() 함수
1,182	PHP split 함수를 이용한 문자열 분리
	[자바스크립트] 서서히 나타나고 사라지는 창
1,180	php에서 이미지 파일을 랜덤하게 불러오기
1,179	php에서 sendmail 테스트 하기
1,178	php의 number format 함수 - 숫자를 천단위로 구분
1,177	팝업창 관련 자바스크립트
1,176	PHP에서 원격 이미지의 유효성을 체크하는 방법
1,175	궁극의 아이프레임 높이 자동 조절
1,174	URL에서 도메인만 추출하기
1,173	$_REQUEST - GET방식,POST방식 구분하지 않고 값 받기
1,172	JavaScript 밀리초를 시간형식으로 변환
1,171	위, 아래 자동 스크롤
1,170	JavaScript로딩을 최적화하여 페이지 렌더링 속도를 빠르게 하는 6가지 방법
1,169	[Javascript] 정규식. 전화번호, 휴대폰 번호 추출. 검증
1,168	PHP for문 2씩 증가하는 법
1,167	골때리는 자바스크립트 - Array의 진실 2
1,166	[jQuery] 나만의 지연된 객체(Deferred Object) 만들기.
1,165	골때리는 자바스크립트의 세계 - 나만의 프로미즈 패턴
1,164	[jQuery 짤막팁] Ajax 를 순차적으로 여러개 불러오기
1,163	javascript 자바스크립트 html 태그 제거