모바일 터치 슬라이드 플러그인 - 스와이퍼기능 스와이퍼 바로가기 Swiper이름부터 명확하다. 스와이퍼.슬라이드의 기능이 주인데 클릭뿐 아니라 스와이퍼도 가능하기 때문에 필자는 이 플러그인을 애용한다.bxSlider 나 여타 다른 슬라이더들도 사용해봤지만 이것만큼 사용하기 편한게 없었다.취향이기 때문에 본인에게 맞는 플러그인을 사용하면 될 것이다. 필자는 가이드 문서가 깔끔하고 커스텀하기 쉬운 것들 위주로 사용한다.| 복잡한 건 딱 질색! 퍼블리싱/TIP 9년 전
안드로이드 어플 다운로드 할 수 있는 페이지 링크걸기 https://play.google.com/store 위 페이지에서 다운받고자 하는 어플을 검색한다.위와 같이 페이지가 뜨면 주소를 링크건다.끝 퍼블리싱/TIP 9년 전
백그라운드이미지와 배경색을 겹치기 12345 background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86637/wave.jpeg); background-color: #FF5AB0; background-blend-mode: overlay; Colored by Color Scriptercs 혹은 1234background: url("../img/center.jpg") no-repeat center center;background-color: rgba(0,0,0,.3);background-size: cover;background-blend-mode: multiply;cs 최근 아래쪽을 더 많이 이용한다. 퍼블리싱/CSS 9년 전
고정페이지에서 스크롤 만들기 1234$('#infoSummaryWrap').css({ height:device_h, overflowY:"auto"})cs혹은1#infoSummaryWrap{height:100%; overflow-Y:auto}csCSS로 바로 주는게 더 좋은거같다. 서브메뉴 나왔을 때 1$("body").css({overflow:"hidden"});cs서브메뉴 닫았을 때 1$("body").css({overflow:"visible"});cs 화면고정시키고 overflow:hidden세로축만 스크롤 활성화 퍼블리싱/CSS 9년 전
이미지 슬라이드 n = 1;var slide_w = $('#content01 ul#slider li').width();var slide_cnt = $('#content01 ul#slider li').size();var sliderOn = 'img/ico_slider_on.png'var sliderOff = 'img/ico_slider.png' $('a#nextBtn').click(function(){n++;if(n==slide_cnt){$('#content01 ul#slider').css({marginLeft:-slide_w * 1});n=2}$('#content01 ul#slider').stop().animate({marginLeft:-slide_w * n});// navdot$('#content01 ul#navdot.. 퍼블리싱/TIP 9년 전
툴팁, tooltip STEP. 1123 준비중입니다.cs STEP. 2123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990span.apple span.tooltip{ border-radius: 5px; background: #ebd7ad; top:5px; color: #38291f; display: block; left: 110%; margin-bottom: 15px; opacity: 0; padding: 10px; pointer-events: none; position: .. 퍼블리싱/CSS 9년 전
isScrolledView moveUp 차례대로 효과주기 #section03 ul li:first-child{ -webkit-animation:moveUp 0.6s 0.5s forwards; animation:moveUp 0.6s 0.5s forwards; animation-play-state: paused; opacity: 0;}#section03 ul li:nth-child(2){ -webkit-animation:moveUp 0.6s 1.5s forwards; animation:moveUp 0.6s 1.5s forwards; animation-play-state: paused; opacity: 0;}#section03 ul li:last-child{ -webkit-animation:moveUp 0.6s 2.5s forwards; animation:moveU.. 퍼블리싱/TIP 9년 전
