SIR
목록
이전글 다음글
인

이게뭘까요??

인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 1763 · 25
 
 
 
킴스큐 상단 로그인클릭하면 나오는 레이어?? 같은건데.. 뭘사용한건지요??
 
레이어팝업은 아닌것같고..
|
글쓰기

댓글 25개

지지니아야
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
<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>
인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
무슨 툴의자바스크립트인데 알아야 검색을하든지 하는데 ㅜ..
지지니아야
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
보시면
<a class="hand" onclick="showLogBox('loginBox');">
<span>로그인</span>
</a>
로그인을 클릭하시면
showLogBox('loginBox')를 호출하게 됩니다.
<div id="loginBox" class="logbox">
로그인 입니다.
</div>

이런식으로요.
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
저는 이게 나오는데요 ㅋㅋㅋ

[http://meeo.co.kr/kims.gif]
인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
ㅋㅋㅋ 6.0 쓰고계셨군요 ..
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
개발자들을 괴롭히기 위해 당분간 쓰기로 했습니다 ㅋㅋ
이이천이지
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
안자나...
자장자장...
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
저에게 잠 따위는 없습니다
쓰러질때까지 달릴뿐 ㅡ.ㅡ;;
인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
무슨 효과인지 알고싶어서 질문글 올렸더니..

채팅방이 되어버렸군요 .. ㅡ_ㅡ
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
저도 항상 질문글 올리면
채팅방이 되어버린다는 불편한 진실 ㅡㅅㅡ
무플보다 낫겠거니 생각하세요 ㅋㅋㅋ
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
사실 테스트 땜시 며칠 써봤는데
자증나서 못써묵겠네요 ㅋㅋㅋㅋ
낼쯤 포맷함 해야할듯 ㅜㅜ
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
<div id='loginBox' class='logbox'> ==> display:hidden; z-index 잡아놓고
클릭하면 showLogBox('loginBox'); 함수실행해서 'loginBox' div를 block 시켜주는거일듯
인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
이해되었음 ..

근데 요속성이 있나요?? 해당속성을 찾아봤는데 안보이네요 ㄷㄷ..
display:hidden;

visibility:hidden 요거아닌가??
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
visibility:hidden, visible;
display:none, block;
visiblility:hidden 은 영역은 남겨두고 감추는거고
display:none 은 영역자체도 사라지는거요
점심때 까마귀고기를 좀 마이 묵었드만 ;;
내내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
레이어 처리가 답입니다.
인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
어쨋든 실수하셨음
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
실수는 성공의 고모부에요...
내내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
레이어 팝업 맞습니다. 하지만 저같으면 저런경우 저렇게 처리안합니다.
<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로 취급하는게 좋은거 같습니다.
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
근데 닫기 넣으려면 스크립트 들어가야 되지 않을까요 -_-
인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
실행해보니 자동마우스오버던데.. 인풋에 값넣는게 힘들거같은데...

솔직히 css 로는 한계가 있다고 보는데..
내내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
마우스 오버시인데 탭메뉴처럼 로그인창에 한번 오버되는 순간부터
새로생긴 전체 레이어에서 벗어나지만 안으면 로그인하는데 지장없습니다.^^

로그인창으로부터 마우스를 멀리하면 오히려 자동으로 닫히니 더 편할 수도 있지요 사이트를 어떻게 구성하느냐도 중요한거 같습니다.

불필요한 자바스크립트는 유저의 컴퓨터램을 잡아먹을뿐이죠~
내내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
마우스가 로그인영역에서 살아지면 자동으로~ 괜찮아져용
hiddenbox 도 loginbox의 자식요소라 hiddenbox의 넓어진 영역위에 마우스가잇다면 로그인까지 문제없음~ ㅎㅎ
미미운오리스키
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
전 뭔가를 눌러야 하는 강박관념이 있어서 ㅋㅋㅋ
직직화오리팡야
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
제이쿼리로도 가능합니다. click 시 none 을 바꿔버리면 됩니다람쥐..
메메탈포스
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
능력자님들 말보단 스킨으로 만들어주세요 ^_^ ㅋㅋ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고