DIV 레이어 토글
첨부파일 https://imweb.eond.com/coding/20572
■ 일반 토글
<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를 클릭하면 랜덤으로 레이어가 표시된다.
코멘트 1
접기/펴기 | 댓글 새로고침
 
 
Total 235 articles in 1 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
235 [CSS] CSS Grid를 배워보는 링크 2023/01/31
234 [swiperjs] swiper random shuffle 2022/11/28
233 [swiperjs] swiper.js 숫자 페이징 2022/11/28
232 [swiperjs] swiper.js 기본 템플릿 코드 2022/11/27
231 [위지윅에디터] 프로알라 에디터 이모티콘 커스텀 방법 2017/07/25
230 [미분류] 저는 웹 퍼블리셔 입니다. 2013/09/18
229 [CSS] safari select background glory style 2022/07/14
228 [Script] News Ticker - 한줄 전광판, 한줄씩 올라가는 스크립트, 뉴스티커 파일 2013/08/07
227 [CSS] css 글자 나누기 2022/05/10
226 [svg] SVG PATH EDITOR (코드로 SVG 패스 만들기) 파일 2022/04/21
225 [위지윅에디터] ckeditor5 2022/04/11
224 [map] 카카오맵 퍼블리싱 2022/03/31
223 [Meta] meta viewport 모바일에서 PC 사이즈 그대로 보기 2022/01/09
222 [프레임워크] Material design 2020/07/02
221 [반응형 웹] 기기별 미디어쿼리 사이즈,모바일 디바이스별 사이즈 파일 2020/05/02
220 Web Fundamentals 2020/05/02
219 [반응형 웹] 모바일 사이드바 만들기 2020/04/10
218 [위지윅에디터] Web-Based HTML Editor 비교 및 미리보기 2015/08/25
217 [부트스트랩] New Bootstrap 4 alpha 파일 2015/08/27
216 [프레임워크] [UI Kit] CSS Framework 어떤 것을 사용할 것인가? 출처: https://mobicon.tistory.com/353 [Intelligence Convergence] 파일 2019/03/21

해시태그 디렉터리

오늘의 핫게시물