묻고답하기
여기 XE 홈페이지 스킨을 살펴보니깐 로그인을 클릭하면 로그인창이 뜨면서 주위가 반투명하게 변해서 어떻게 되는건지 살펴보니
<a href="#loginWindow" onclick="jQuery('#loginWindow').css('display','block');" accesskey="L"><img src="img/buttonLogin.gif" width="25" height="5" alt="LOGIN" /></a>
jQuery란걸 이용하는것같습니다.
제가 시도해보려는게 로그인창 말고 다른페이지도 그런식으로 표현해보려고합니다.
다른형식의 가입폼이라던가, 설문지창 등등 다른 페이지를 저런 형식으로 표현하려고하는데..
1.2.5에 있는 저 jQuery와 css display.block을 이용해서 어떻게 해야할까요?
다들 즐거운 주말 되시구여!
위의 코드는 해당링크를 클릭했을때 loginWindow라는 id를 가진 엘레먼트를 보이게 하는 것입니다.
소스를 더 찾아보시면 그 엘레먼트가 있을거에요. display속성은 none으로 초기화되어 있을 것이구요.
처음엔 안보이게 숨겨 놓았다가 링크를 클릭하면 보이게 하는것이죠. 뒷배경 뿌옇게처리하는 것도 그 엘레먼트에 포함이 되어 있을거구요.
jQuery를 사용하시려면 jQuery를 공부하셔야 될거에요^^
jQuery('#loginWindow').css('display','block'); 대신 jQuery('#loginWindow').show();를 하셔도 돼요.