2012년 10월 7일 일요일

[드림위버 전문학원] 투명 Layer로 만드는 방법좀 제발 알려주세요



[드림위버 전문학원] 투명 Layer로 만드는 방법좀 제발 알려주세요

안녕하세요..

왜 큰 쇼핑몰이나 아니 정확히 예를 들어 cjmall.co.kr 에 들어가보면여..

카테고리 메뉴가 있잖아요.. 그 메뉴에 마우스가 올라가면 옆에 레이어가 생기

면서 하위 메뉴들이 나오잖아요.

즉 저도 대충만 아는데요.. show hidden layer 를 이용해서 마우스가 올라가면

눈을 켜고.,,,,, 뭐 대충 그런것 같은데요... 어쨋든 엎어치나 대퍼치나

얼래벌래 비슷하게 만들었거든요... 근데 자세히 보니 역시 허접이 만든거랑

다르더라구요... 뭐가 다르냐하면 index 배경이 보인다는 거죠.. 엉엉엉

즉 레이어가 투명인것 같아요.. 저는 첨에 레이어 안에 이미지들이 gif로 만들어

투명하게 만들면 index가 보일줄 알았는데 왠걸요 절대 안보이더군요...

답답해서 지식인에서 찾아봤는데,,

< object > < /object >
< param name="wmode" value="transparent" >
< embed > < /embed >

이런 소스가 들어 있더라구요... 문제는 제가 넘 처보라 이런 소스를

이 소스를 응용이 안되네요... 님들 혹시 좀더 쉽게 설명해 줄수 없나요..

빨리좀 알려주세요... 부탁합니다.


질문하신 분이 찾으신 부분은 플래시 메뉴부분입니다.
투명한 서브메뉴와는 상관없구요.
HTML로 효과를 내는 것이랍니다.
실제 투명한 메뉴는 #694번째 줄로 시작되는 부분부터입니다.
투명하게 나오는 이유는 #515줄부터 시작하는 스타일정의에서
FILTER: alpha(opacity=85);
즉 알파값 때문에 투명하게 되는것입니다.

그리고 마우스가 올라가면 나타났다 다시 사라지는 것은
#646줄처럼 좌측 메뉴(컴퓨터.주변기기 등등)에 마우스가 올라갔을 때
[안내]태그제한으로등록되지않습니다-xxonmouseover="open_ctg1();" [안내]태그제한으로등록되지않습니다-xxonmouseout="close_ctg1();처럼
자바스크립트를 실행하게되는데요.
그 자바스크립트는 아래와 같이 #547줄에서
ctg1.style.visibility="visible"
라고 명령을 주어서 #694줄에서 정의했던 ctg1부분을 보이게 합니다.

즉 메뉴는 span으로 정의해주시구요.
style에서 투명하게 해주시구요.
 xxjavascript 로 span을 나타나게 했다 사라지게 해준다는 거지요















댓글 없음:

댓글 쓰기