AWS AWS 디딤 클라우드
알림톡 통합메시징(알림톡)
이니톡 결제 이니톡(알림톡) 결제!
일본결제지원 일본결제지원!
광고가 아닌 글을 신고하면 회원님의 신고 권한이 제한될 수 있습니다. 신중하게 신고해 주세요.
전체 202872개 중 106141-106160번째
진행 중인 투표가 없습니다.
댓글 25개
<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>
이런식으로요.
[http://meeo.co.kr/kims.gif]
자장자장...
쓰러질때까지 달릴뿐 ㅡ.ㅡ;;
채팅방이 되어버렸군요 .. ㅡ_ㅡ
채팅방이 되어버린다는 불편한 진실 ㅡㅅㅡ
무플보다 낫겠거니 생각하세요 ㅋㅋㅋ
자증나서 못써묵겠네요 ㅋㅋㅋㅋ
낼쯤 포맷함 해야할듯 ㅜㅜ
클릭하면 showLogBox('loginBox'); 함수실행해서 'loginBox' div를 block 시켜주는거일듯
근데 요속성이 있나요?? 해당속성을 찾아봤는데 안보이네요 ㄷㄷ..
display:hidden;
visibility:hidden 요거아닌가??
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로 취급하는게 좋은거 같습니다.
솔직히 css 로는 한계가 있다고 보는데..
새로생긴 전체 레이어에서 벗어나지만 안으면 로그인하는데 지장없습니다.^^
로그인창으로부터 마우스를 멀리하면 오히려 자동으로 닫히니 더 편할 수도 있지요 사이트를 어떻게 구성하느냐도 중요한거 같습니다.
불필요한 자바스크립트는 유저의 컴퓨터램을 잡아먹을뿐이죠~
hiddenbox 도 loginbox의 자식요소라 hiddenbox의 넓어진 영역위에 마우스가잇다면 로그인까지 문제없음~ ㅎㅎ