countup.js 같은 숫자 카운트 효과 순수 제이쿼리로 구현하기 $('.num').each(function () { var $this = $(this) var regex = /[^0-9]/g; var result = $this.text().replace(regex, ""); $({ countNum: 0 }).animate({ countNum: result }, { duration: 2000, easing: 'linear', step: function () { $this.text(Math.floor(this.countNum).toString() .replace(/\B(?
제이쿼리 풀페이지 플러그인 무료 버전 사용하기 *jQuery $('#fullpage').fullpage({ sectionsColor: ['#fff', '#333', '#fff', '#333', '#fff'], anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'], responsiveWidth: 768, keyboardScrolling: true, animateAnchor: true, recordHistory: true, }); *fullpage.js css /*! * fullPage 2.9.7 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) ..
hover 시 image src 교체 $('a').on('mouseenter', function(e){ var img_src = $(this).find('img').attr('src'); img_src = img_src.replace('_off','_on'); $(this).find('img').attr('src',img_src); }); $('a').on('mouseleave', function(e){ var img_src = $(this).find('img').attr('src'); img_src = img_src.replace('_on','_off'); $(this).find('img').attr('src',img_src); });
스와이퍼 슬라이드 페이지네이션 커스텀 var pagingText = ['1', '2', '3']; var seasonSlide = new Swiper('.js_season_slide', { slidesPerView: '1', loop: true, loopAdditionalSlides: 1, centeredSlides: true, speed: 1000, autoplay: { delay: 4000, disableOnInteraction: true, pauseOnMouseEnter: true, }, navigation: { prevEl : '.js_btn_prev', nextEl : '.js_btn_next', }, pagination: { el: '.js_season_slide_tab', clickable:..
$(function(){ $('.close').click(function(){ $('iframe').attr('src', $('iframe').attr('src')); }); }); *참고 https://stackoverflow.com/questions/13598423/stop-all-playing-iframe-videos-on-click-a-link-javascript Stop all playing iframe videos on click a link javascript I have a list of iframe videos in my webpage.