amanda의 공간입니다

*HTML AAA BBB AAA contents BBB contents *jQuery $(document).ready(function(e){ var link = window.location.href; var day_link = link.split('?'); var control_tab = day_link[1]; if(control_tab == 'AAA'){ $('.sub-tab-menu > li').removeClass('on').eq(0).addClass('on'); $('.sub-tab-con').hide().eq(0).show(); } else if(control_tab == 'BBB'){ $('.sub-tab-menu > li').removeClass('on').eq(1).addClass('on'..

CSS .fixed{ position: fixed; left: 0; bottom: 0; z-index: 2; width: 100%; background-color: #fff; padding-bottom: 0; } jQuery $(document).ready(function(){ if(wWidth $(document).height() - top){ $('.sponsor-banner, #footer').removeClass(..

table 마크업이 된 경우 caption에 내용이 있을 때 iOS에서 레이아웃이 깨져보이는 경우가 있음 이때 hide 클래스를 활용해 caption이 보이지 않도록 처리 caption.hide{position: unset;font-size: 0;text-indent: -9999px;}

이미지가 없을 때 error 메시지를 지정된 이미지로 호출하도록 하는 속성

a 태그로 파일 다운로드 할 수 있게 하는 download 속성 파일 이름을 특정해 저장할 수도 있음 filename에 저장을 원하는 파일 이름 넣으면 됨

메일폼 등에서 이미지 특정부분에 링크를 걸어야 하는 경우 이미지맵 사용 이미지맵은 이미지 상의 좌표값을 활용하기 때문에 기본적으로 반응형이 적용되지 않는다 그래서 이미지맵의 좌표값들이 반응형으로 적용되도록 플러그인 사용 (rwdImageMaps) /* * rwdImageMaps jQuery plugin v1.6 * * Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize * * Copyright (c) 2016 Matt Stow * https://github.com/stowball/jQuery-rw..

게시판에 에디터가 붙어있는데 작성한대로 보이지 않는 현상이 발생해 일단 아래를 추가.view-contents *, .view-contents p{ color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; word-break: break-all;}    하지만 h로 작성한 내용들이 제목 스타일 먹지 않는 문제가 여전히 있음 부트스트랩이 따로 include 되어있지 않으므로 h 태그 폰트사이즈 지정/* basic */.view-contents{font-size: 16px;line-height: 1.5em;word-break: break-all;}.view-contents img{max-width: 100%;}.view-con..

페이지 진입하면서 자동으로 인쇄창 뜨도록 하는 속성 (auto print) //script window.onload = function() { window.print(); } //jquery $(document).ready(function () { window.print(); });