묻고답하기
자바 스크립트 질문드려요... ㅠ.ㅠ
2008.01.09 23:05
일단 A 라는 이미지 형식으로 된 버튼이 있구요... 그 위에 마우스가 올라가면 disp_help 라는 이름을 가진 레이어가 보여지는 형식으로 할려고 합니다.
근데 이게 이렇게 되는건 나모의 레이어 기능이나 드림위버의 비헤이비어 라는 걸로도 가능한데...
마우스의 좌표값을 계산하여 마우스 위치에서 레이어가 출력되게 하고 싶거든요...
그리고 마우스가 A 라는 이미지를 벗어나면 다시 그 레이어는 사라지구요...
그리고 레이어 안에 아이프레임을 사용하고 싶은데 가능할런지요??
아이프레임을 사용하여 아이프레임에서 불러오는 페이지의 세로길이만큼 레이어의 세로길이도 자동적으로 변환되게 끔 할려고 합니다.
또 하나 덛붙이자면 트랜지션 효과를 레이어가 보여질때와 사라질때 함께 구현할려고 하는데... 그것도 가능할까요??
대략 2틀꼬박 찾아봤는데 소스찾기가 힘드네요~ ㅠ.ㅜ;;
부탁드려요~
근데 이게 이렇게 되는건 나모의 레이어 기능이나 드림위버의 비헤이비어 라는 걸로도 가능한데...
마우스의 좌표값을 계산하여 마우스 위치에서 레이어가 출력되게 하고 싶거든요...
그리고 마우스가 A 라는 이미지를 벗어나면 다시 그 레이어는 사라지구요...
그리고 레이어 안에 아이프레임을 사용하고 싶은데 가능할런지요??
아이프레임을 사용하여 아이프레임에서 불러오는 페이지의 세로길이만큼 레이어의 세로길이도 자동적으로 변환되게 끔 할려고 합니다.
또 하나 덛붙이자면 트랜지션 효과를 레이어가 보여질때와 사라질때 함께 구현할려고 하는데... 그것도 가능할까요??
대략 2틀꼬박 찾아봤는데 소스찾기가 힘드네요~ ㅠ.ㅜ;;
부탁드려요~
댓글 2
-
괄리자
2008.01.11 20:05
-
괄리자
2008.01.11 20:09
지금 질문을 다시 읽어 보니 꽤 복잡하군요.
iframe은 div 안에 넣으시면 되겠고.
iframe의 길이는 자동적으로 늘어나는 스크립트 구하셔서 쓰심 되겠네요.
트랜지션 효과는....할 줄 모릅니다. ㅋㅋㅋ
<script> function imgLayer(){ var x = event.x; var y = event.y; document.getElementById('aa').style.top = y; document.getElementById('aa').style.left = x; document.getElementById('aa').style.display = 'block'; } function imgLayer2() { document.getElementById('aa').style.display = 'none'; } </script> <a href="javascript:void(0);" onMouseOver="imgLayer()" onMouseOut="imgLayer2()">Click</a> <div id="aa" style="position:absolute; display:none; border:1px solid #000;"> 여기는 레이어 레이어 레이어 </div>만들어는 봤는데...작동은 합니다. 쿨럭;