웹/(LIBRARY) JQUERY7 [코딩 공부_99] jQuery plugin 모음 1. bx slider : slider를 제작할 수 있다. jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 2. slick slider : slider를 제작할 수 있다. slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 3. unheap : jQuery 플러그인 모음 사이트 Unheap - Pag.. 2021. 6. 24. [코딩 공부_98] jQuery로 img 무한 복제 시키기 1. 무한 복제하기 위 그림을 클릭해보세요! 광클릭 모드 멈추기 2021. 6. 17. [코딩 공부_97] bx slider 사용하기 slick 슬라이더 다음으로 내가 자주 사용하는 bx slider! 정말 방법이 쉬워서 쓴다 ㅎㅎ 아래 링크는 bx slider 사이트이다 클릭 후, click here to install을 클릭하면 1-3번 코드가 나타나는데 그걸 복사 붙여넣기만해도 완성이다 ㅎㅎ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 1. bx slider 링크 삽입하기 (head 안에 넣기!) 2. html 작성하기 I am a slide. I am another slide. 3. script 작성하기(html 코드 작성 후, 바로 밑에 삽입!(=끝나는 body태그 바로 위에!) 이렇게 삽입하면!! 기본적인 bx .. 2021. 6. 16. [코딩 공부_96] slick 슬라이더 사용하기 이제 대망의 jQuery를 이용해서 슬라이더를 만들어볼 것이다! jQuery의 최대장점이 여기서 나올것이다 후후 .. 내가 봤을 때, slick 슬라이더와 bx슬라이더가 가장 사용하기 편하고 유명한 듯하다 ! 그리고 설명이 너무 잘되있어서 .. 블로그에 올리지 않아도 잘찾을 수 있을 정도..! #1 slick 슬라이더 1, slick 슬라이더 사이트로 들어간다. slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github... 2021. 6. 16. [코딩 공부_95] jQuery로 modal, tab 만들기 jQuery로 modal, tab을 만들어보자! show modal x introduce Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam similique quo commodi placeat nostrum eius dolore alias reprehenderit aut nisi, est minima! Sunt, vitae illum ratione ut dolor perferendis sed. portfolio tab1 tab2 tab3 tab4 tab1 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni distinctio itaque natus! Accusantium mol.. 2021. 6. 13. [코딩 공부_94] jQuery 기본 함수 jQuery를 실습하기 전, 내가 실습하고 싶은 이미지를 가져온다. 선생님은 귀멸의 칼날 이미지로 하셨지만 나는 귀멸의 칼날을 보지 않았기 때문에 코코로 실습해볼 것이다 ✌(내사랑 코코.. 언제봐도 질리지 않는 세뇰ㄹ 데라쿠르즈 ...) jQuery 기본 함수 사용법에 대해 알아보자! 메서드(method) 설명 .show() 보이기 .hide() 감추기 .toggle() 보이기/감추기 .slideDown() 서서히 보이기 .slideUp() 서서히 감추기 .slideToggle() 서서보이기/감추기 .fadeIn() 서서히 보이기 .fadeOut() 서서히 감추기 .fadeToggle() 서서히 보이기/감추기 .addClass() 클래스 추가 .removeClass() 클래스 삭제 .toggleClass.. 2021. 6. 12. [코딩 공부_93] JS 라이브러리, JQuery import 및 적용방법 JQuery를 하기 전!! 알아야 할 부분이 있다 JQuery는 언어가 아니고!! JS를 편하게 쓸 수 있는 라이브러리이다!! 절대절대 착각하면 안된다!! JQuery는 호로록 사라져가고 있는 추세임을 꼭 알고 가야한다 !! (이녀석을 의지하고 있으면 안된다는 것!) ** jQuery를 사용하려면 import 먼저 해야겠죠? import 방식은 2가지! 😁 #1 - CDN 사용하기(추천) ① 'jqury CDN'을 검색해서 들어간다. (아래의 링크를 타고 들어가도 무관 👌) jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ens.. 2021. 6. 11. 이전 1 다음
