모바일메뉴

EOND

검색
마이페이지
홈페이지제작솔루션 CMS WEB 툴팁 위키 지식인 CMS 포럼 경매모듈 질문•답변
HTML5/CSS3
글쓰기
-
가
+
[Script] DIV 레이어 토글 1
이온디
2007.04.21 09:00
7877
48
https://eond.com/20572
object(HotopayModel)#1143 (23) { ["error"]=> int(0) ["message"]=> string(7) "success" ["variables"]=> array(0) { } ["httpStatusCode"]=> int(200) ["module"]=> string(7) "hotopay" ["module_info"]=> NULL ["origin_module_info"]=> NULL ["module_config"]=> NULL ["module_path"]=> string(52) "/home/eond/web/eond.com/public_html/modules/hotopay/" ["xml_info"]=> NULL ["module_srl"]=> NULL ["mid"]=> NULL ["act"]=> NULL ["template_path"]=> NULL ["template_file"]=> NULL ["layout_path"]=> NULL ["layout_file"]=> NULL ["edited_layout_file"]=> NULL ["stop_proc"]=> bool(false) ["user"]=> object(Rhymix\Framework\Helpers\SessionHelper)#1142 (20) { ["member_srl"]=> int(0) ["user_id"]=> NULL ["user_name"]=> NULL ["nick_name"]=> NULL ["email_address"]=> NULL ["phone_number"]=> NULL ["homepage"]=> NULL ["blog"]=> NULL ["birthday"]=> NULL ["denied"]=> NULL ["status"]=> NULL ["is_admin"]=> string(1) "N" ["is_site_admin"]=> NULL ["profile_image"]=> NULL ["image_name"]=> NULL ["image_mark"]=> NULL ["signature"]=> NULL ["description"]=> NULL ["group_list"]=> array(0) { } ["menu_list"]=> array(0) { } } ["request"]=> object(Rhymix\Framework\Request)#10 (13) { ["method"]=> string(3) "GET" ["compat_method"]=> string(3) "GET" ["url"]=> string(27) "coding/20572/comment/463804" ["hostname"]=> string(8) "eond.com" ["domain"]=> NULL ["protocol"]=> string(5) "https" ["callback_function"]=> string(0) "" ["_route_status":protected]=> int(200) ["_route_options":protected]=> object(stdClass)#11 (5) { ["cache_control"]=> bool(true) ["check_csrf"]=> bool(true) ["is_forwarded"]=> bool(false) ["is_indexable"]=> bool(true) ["enable_session"]=> bool(true) } ["module"]=> string(5) "board" ["mid"]=> string(6) "coding" ["act"]=> string(16) "dispBoardContent" ["args"]=> array(4) { ["document_srl"]=> string(5) "20572" ["comment_srl"]=> string(6) "463804" ["mid"]=> string(6) "coding" ["act"]=> string(16) "dispBoardContent" } } ["ajaxRequestMethod"]=> array(2) { [0]=> string(6) "XMLRPC" [1]=> string(4) "JSON" } ["gzhandler_enable"]=> bool(true) }

■ 일반 토글
<script language="JavaScript">
function toggle(e) {
        if (e.style.display == "none")
                { e.style.display = ""; }
        else         { e.style.display = "none"; }
}
</script>

<a href=javascript:toggle(wr_memo) OnFocus="this.blur()">
<img src="<?=$dir?>/images/post.png"  style="cursor:pointer" width="60px" height="27px" alt="Posting" /></a>


<div id="wr_memo">메모부분</div>

■ 슬라이드 토글
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=2330&p=1&keyword=%C5%E4%B1%DB&scale=1&op=and&idx=1
■ 위에 들어가봐도 소스 코드는 없고 아래 예제 페이지만 있네요.
IE에서만 작동됩니다. 불여우에서는 일반 토글로 표시됩니다.
예제 페이지
http://www.2dea.com/etc/html/slide_toggle_menu.html
http://211.48.20.78/~mansaok_org/one/etc/html/slide_toggle_menu.php

■ 토글에 블렌딩도 먹여보자. (IE 전용)
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=147&p=1&keyword=%C5%E4%B1%DB&scale=1&op=and&idx=2
불여우에서는 아예 표시되지 않습니다.

■ 레이어를 마음대로 움직여 보자 (IE 전용)
불여우는 작동되지 않습니다.
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=2251&p=1&keyword=%B7%B9%C0%CC%BE%EE&scale=1&op=and&idx=1

■ 플로팅 레이어 이동스크립트 (IE, FF)
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=6334&p=1&keyword=%B7%B9%C0%CC%BE%EE&scale=1&op=and&idx=1

■ (수정) 레이어 스부적스부적 이동 스크립트.. (IE, FF)
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=6337&p=1&keyword=%B7%B9%C0%CC%BE%EE&scale=1&op=and&idx=1

번외, 10원짜리 팁
■ CSS 레이어 수직중앙정렬.
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=5166&p=1&keyword=%B7%B9%C0%CC%BE%EE&scale=1&op=and&idx=1
vertical-align을 준 뒤   추가 font-size: 추가

■ 랜덤레이어로 공간활용을 극대화해보자
http://miniwini.com/miniwinis/bbs/index.php?bid=share&m=search&mode=read&id=1991&p=2&keyword=%B7%B9%C0%CC%BE%EE&scale=1&op=and&idx=1
F5를 클릭하면 랜덤으로 레이어가 표시된다.
48
0

라이믹스는 이온디와 함께

목록
글쓰기 신고 스크랩

댓글 1

댓글작성칸으로
  • 이온디
    2007.04.23 17:59
    베스트
    링크복사
    http://miniwini.com/miniwinis/bbs/index.php?bid=share&mode=read&id=6337
    또 다른 레이어 관련 팁        
    0
HTML5/CSS3
-
가
+
전체 웹표준 웹접근성 부트스트랩 반응형 웹 UI HTML5 jQuery Script CSS Meta Table Form 미분류 PHP Flash CGI DIV 웹폰트 크로스브라우징 위지윅에디터 svg 프레임워크 map swiperjs
3 4 5 6 7 8 9 10 11 12
글쓰기
메뉴닫기
profile
로그인 해주세요.
자유게시판 글쓰기 저장함 쪽지
전체글보기 인기글 인기멤버 태그

전체 게시판

닫기

마이페이지

로그인을 해주세요

네이버로 로그인
ID/PW찾기 회원가입