html, css, javascript/javascript／jquery6 [Jquery] swiper slider 스와이퍼 슬라이더 속도 각각 지정해주기 Swiper Demo site https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com See the Pen LYRYVEL by 허금영 (@gephqhwv) on CodePen. 전체속도 특정 슬라이더만 slider2(느리게)와 slider5(느리게)만 속도 5000, 나머지 슬라이더는 500적용 *disableOnInteraction: false 기재해주어야 클릭 드래그로 슬라이더 넘겼을 때 autoplay가 멈추지 않습니다. *script에 speed옵션은.. 2020. 11. 26. TOP버튼 / 누르면 맨 위로 올라가는 버튼 / scroll top / 스크롤 내리면 나타나는 버튼 $(document).ready(function () { // 1. 특정 위치에서 부터 버튼 나타고, 사라지게..효과는 fade로 $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('.go-top').fadeIn(200); } else { $('.go-top').fadeOut(200); } }); // 2. 버튼 클릭하면 원하는 위치로 이동 $('.go-top').click(function (event) { event.preventDefault(); $('html, body').animate({ scrollTop: 0 }, 300); }); }); [1] 스크롤이 200보다 크다면 .go-top버튼을 fadeIn하고, 아니라면 fadeO.. 2020. 7. 28. [jQuery] if, else if, else 사용법 if A1을 만족하면 description1 실행 if ('A1') { description1 } if, else A1을 만족하면 description1 실행, 아니라면 description2 실행 if('A1') { description1 } else { description2 } if, else if, else A1을 만족하면 description1 실행, A2을 만족하면 description2 실행, 둘 다 만족하지 못하면 description3을 실행 if('A1') { description1 } else if('A2') { description2 } else { description3 } [예제] if, else ex) div에 B가 있다면 C에 C0를 추가하고 없다면 C1를 추가합니다. $(d.. 2020. 7. 8. [javascript] 모바일 / PC 접속 구분하기 출처: https://88240.tistory.com/393 [shaking blog] var filter = "win16|win32|win64|mac|macintel"; if ( navigator.platform ) { if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) { //mobile alert('mobile 접속'); } else { //pc alert('pc 접속'); } } 2020. 3. 9. 이전 1 2 다음 반응형
