amanda의 공간입니다

HTML more list 1 more list 2 more list 3 more list 4 more list 5 more list 6 MORE CSS .box-list{ width: 100%; } .box-list:after{ display: block; content: ''; clear: both; } .box-list > li{ float: left; margin-left: 20px; margin-top: 20px; border: 1px solid #e8e9ee; } .box-list.n3{ margin-top: -20px; } .box-list.n3 > li{ width: calc((100% - 41px)/3); } .box-list.n3 > li:nth-child(3n+1){ margin-le..

*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(..

메일폼 등에서 이미지 특정부분에 링크를 걸어야 하는 경우 이미지맵 사용 이미지맵은 이미지 상의 좌표값을 활용하기 때문에 기본적으로 반응형이 적용되지 않는다 그래서 이미지맵의 좌표값들이 반응형으로 적용되도록 플러그인 사용 (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..

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