이게뭘까요?? 정보
이게뭘까요??본문
추천
0
0
댓글 25개
<div class="gnb">
<div id="logLayer" class="pannel_logoff">
<a href="/p/join">회원가입</a> :
<a href="/p/idpwsearch">이메일/비번찾기</a> :
<a class="hand" onclick="showLogBox('loginBox');">
<span>로그인</span>
<img src="/layouts/v2/image/arr_dn_white.png" id="toggleIcon" class="toggle" alt="" />
</a>
</div>
<div id="loginBox" class="logbox">
<form name="showLogBoxForm" action="https://www.kimsq.com/index.php" method="post" target="_action_" onsubmit="return showLogCheck(this);">
<input type="hidden" name="r" value="kr" />
<input type="hidden" name="a" value="login_v2" />
<input type="hidden" name="referer" value="" />
<fieldset>
<label>
<div>이메일 또는 아이디</div>
<input type="text" name="id" class="xi" autocomplete="on" value="" />
</label>
<label>
<div>비밀번호</div>
<input type="password" name="pw" class="xi" value="" />
</label>
<div class="submit">
<label>
<input type="checkbox" name="idpwsave" value="checked" />
<span>아이디/비밀번호 기억</span>
</label>
<label>
<input type="checkbox" name="gohub" value="Y" />
<span>마이허브로 이동</span>
</label>
</div>
<input type="submit" class="btnblue" value="로그인" />
</fieldset>
</form>
<div class="snslog">
<div class="icon">
<img src="/layouts/v2/image/sns_t1.gif" alt="" title="트위터" onclick="snsCheck('t','','connect');" />
<img src="/layouts/v2/image/sns_f1.gif" alt="" title="페이스북" onclick="snsCheck('f','','connect');" />
<img src="/layouts/v2/image/sns_m1.gif" alt="" title="미투데이" onclick="snsCheck('m','','connect');" />
<img src="/layouts/v2/image/sns_y1.gif" alt="" title="요즘" onclick="snsCheck('y','','connect');" />
</div>
<div class="guide">
소셜네트워크 서비스 facebook, twitter, me2day, yozm 에 로그인하시면 킴스큐 공식사이트를 더 편리하게 이용하실 수 있습니다.
</div>
<div id="logLayer" class="pannel_logoff">
<a href="/p/join">회원가입</a> :
<a href="/p/idpwsearch">이메일/비번찾기</a> :
<a class="hand" onclick="showLogBox('loginBox');">
<span>로그인</span>
<img src="/layouts/v2/image/arr_dn_white.png" id="toggleIcon" class="toggle" alt="" />
</a>
</div>
<div id="loginBox" class="logbox">
<form name="showLogBoxForm" action="https://www.kimsq.com/index.php" method="post" target="_action_" onsubmit="return showLogCheck(this);">
<input type="hidden" name="r" value="kr" />
<input type="hidden" name="a" value="login_v2" />
<input type="hidden" name="referer" value="" />
<fieldset>
<label>
<div>이메일 또는 아이디</div>
<input type="text" name="id" class="xi" autocomplete="on" value="" />
</label>
<label>
<div>비밀번호</div>
<input type="password" name="pw" class="xi" value="" />
</label>
<div class="submit">
<label>
<input type="checkbox" name="idpwsave" value="checked" />
<span>아이디/비밀번호 기억</span>
</label>
<label>
<input type="checkbox" name="gohub" value="Y" />
<span>마이허브로 이동</span>
</label>
</div>
<input type="submit" class="btnblue" value="로그인" />
</fieldset>
</form>
<div class="snslog">
<div class="icon">
<img src="/layouts/v2/image/sns_t1.gif" alt="" title="트위터" onclick="snsCheck('t','','connect');" />
<img src="/layouts/v2/image/sns_f1.gif" alt="" title="페이스북" onclick="snsCheck('f','','connect');" />
<img src="/layouts/v2/image/sns_m1.gif" alt="" title="미투데이" onclick="snsCheck('m','','connect');" />
<img src="/layouts/v2/image/sns_y1.gif" alt="" title="요즘" onclick="snsCheck('y','','connect');" />
</div>
<div class="guide">
소셜네트워크 서비스 facebook, twitter, me2day, yozm 에 로그인하시면 킴스큐 공식사이트를 더 편리하게 이용하실 수 있습니다.
</div>
무슨 툴의자바스크립트인데 알아야 검색을하든지 하는데 ㅜ..
보시면
<a class="hand" onclick="showLogBox('loginBox');">
<span>로그인</span>
</a>
로그인을 클릭하시면
showLogBox('loginBox')를 호출하게 됩니다.
<div id="loginBox" class="logbox">
로그인 입니다.
</div>
이런식으로요.
<a class="hand" onclick="showLogBox('loginBox');">
<span>로그인</span>
</a>
로그인을 클릭하시면
showLogBox('loginBox')를 호출하게 됩니다.
<div id="loginBox" class="logbox">
로그인 입니다.
</div>
이런식으로요.
저는 이게 나오는데요 ㅋㅋㅋ
ㅋㅋㅋ 6.0 쓰고계셨군요 ..
개발자들을 괴롭히기 위해 당분간 쓰기로 했습니다 ㅋㅋ
안자나...
자장자장...
자장자장...
저에게 잠 따위는 없습니다
쓰러질때까지 달릴뿐 ㅡ.ㅡ;;
쓰러질때까지 달릴뿐 ㅡ.ㅡ;;
무슨 효과인지 알고싶어서 질문글 올렸더니..
채팅방이 되어버렸군요 .. ㅡ_ㅡ
채팅방이 되어버렸군요 .. ㅡ_ㅡ
저도 항상 질문글 올리면
채팅방이 되어버린다는 불편한 진실 ㅡㅅㅡ
무플보다 낫겠거니 생각하세요 ㅋㅋㅋ
채팅방이 되어버린다는 불편한 진실 ㅡㅅㅡ
무플보다 낫겠거니 생각하세요 ㅋㅋㅋ
사실 테스트 땜시 며칠 써봤는데
자증나서 못써묵겠네요 ㅋㅋㅋㅋ
낼쯤 포맷함 해야할듯 ㅜㅜ
자증나서 못써묵겠네요 ㅋㅋㅋㅋ
낼쯤 포맷함 해야할듯 ㅜㅜ
<div id='loginBox' class='logbox'> ==> display:hidden; z-index 잡아놓고
클릭하면 showLogBox('loginBox'); 함수실행해서 'loginBox' div를 block 시켜주는거일듯
클릭하면 showLogBox('loginBox'); 함수실행해서 'loginBox' div를 block 시켜주는거일듯
이해되었음 ..
근데 요속성이 있나요?? 해당속성을 찾아봤는데 안보이네요 ㄷㄷ..
display:hidden;
visibility:hidden 요거아닌가??
근데 요속성이 있나요?? 해당속성을 찾아봤는데 안보이네요 ㄷㄷ..
display:hidden;
visibility:hidden 요거아닌가??
visibility:hidden, visible;
display:none, block;
visiblility:hidden 은 영역은 남겨두고 감추는거고
display:none 은 영역자체도 사라지는거요
점심때 까마귀고기를 좀 마이 묵었드만 ;;
display:none, block;
visiblility:hidden 은 영역은 남겨두고 감추는거고
display:none 은 영역자체도 사라지는거요
점심때 까마귀고기를 좀 마이 묵었드만 ;;
레이어 처리가 답입니다.
어쨋든 실수하셨음
실수는 성공의 고모부에요...
레이어 팝업 맞습니다. 하지만 저같으면 저런경우 저렇게 처리안합니다.
<style>
#loginbox .hiddenbox {
position:absolute;
margin-left:위치값;
margin-top:위치값;
z-index:높이값;
display:none;
}
#loginbox:hover .hiddenbox {
display:block;
}
</style>
<body>
<div id="loginbox">
<div class="hiddenbox">
마우스 오버시 나타나는 로그인창 내용
</div>
마우스 오버전 아래에 깔릴 내용
</div>
</body>
뭐 이렇게 구현하겠습니다. 요즘 javascript 좋아하시는데 ~ ㅎㅎ ^^ CSS로 충분히 구현가능한 그런 기능들은 CSS로 취급하는게 좋은거 같습니다.
<style>
#loginbox .hiddenbox {
position:absolute;
margin-left:위치값;
margin-top:위치값;
z-index:높이값;
display:none;
}
#loginbox:hover .hiddenbox {
display:block;
}
</style>
<body>
<div id="loginbox">
<div class="hiddenbox">
마우스 오버시 나타나는 로그인창 내용
</div>
마우스 오버전 아래에 깔릴 내용
</div>
</body>
뭐 이렇게 구현하겠습니다. 요즘 javascript 좋아하시는데 ~ ㅎㅎ ^^ CSS로 충분히 구현가능한 그런 기능들은 CSS로 취급하는게 좋은거 같습니다.
근데 닫기 넣으려면 스크립트 들어가야 되지 않을까요 -_-
실행해보니 자동마우스오버던데.. 인풋에 값넣는게 힘들거같은데...
솔직히 css 로는 한계가 있다고 보는데..
솔직히 css 로는 한계가 있다고 보는데..
마우스 오버시인데 탭메뉴처럼 로그인창에 한번 오버되는 순간부터
새로생긴 전체 레이어에서 벗어나지만 안으면 로그인하는데 지장없습니다.^^
로그인창으로부터 마우스를 멀리하면 오히려 자동으로 닫히니 더 편할 수도 있지요 사이트를 어떻게 구성하느냐도 중요한거 같습니다.
불필요한 자바스크립트는 유저의 컴퓨터램을 잡아먹을뿐이죠~
새로생긴 전체 레이어에서 벗어나지만 안으면 로그인하는데 지장없습니다.^^
로그인창으로부터 마우스를 멀리하면 오히려 자동으로 닫히니 더 편할 수도 있지요 사이트를 어떻게 구성하느냐도 중요한거 같습니다.
불필요한 자바스크립트는 유저의 컴퓨터램을 잡아먹을뿐이죠~
마우스가 로그인영역에서 살아지면 자동으로~ 괜찮아져용
hiddenbox 도 loginbox의 자식요소라 hiddenbox의 넓어진 영역위에 마우스가잇다면 로그인까지 문제없음~ ㅎㅎ
hiddenbox 도 loginbox의 자식요소라 hiddenbox의 넓어진 영역위에 마우스가잇다면 로그인까지 문제없음~ ㅎㅎ
전 뭔가를 눌러야 하는 강박관념이 있어서 ㅋㅋㅋ
제이쿼리로도 가능합니다. click 시 none 을 바꿔버리면 됩니다람쥐..
능력자님들 말보단 스킨으로 만들어주세요 ^_^ ㅋㅋ