emluy 개발 일기

HTML, CSS , JS - slider 구현 본문

웹 개발/frontend

HTML, CSS , JS - slider 구현

yulme 2020. 7. 15. 17:37
SMALL

버튼을 누르거나 손으로 넘겼을 때 넘겨지는 slider 구현

https://m.blog.naver.com/PostView.nhn?blogId=psj9102&logNo=221172034243&proxyReferer=https:%2F%2Fwww.google.com%2F

 

Javascript : slider 애니메이션 기능 어렵지 않은걸 어렵게 만들었다...

안녕하십니까. NoDe 입니다. 이번에 할건 slider 기능입니다. 온리 단순 클라이언트에서만 사용하는겁니...

blog.naver.com

https://www.youtube.com/watch?v=wy3JAnKAL-E

 

 

 

 

 

 

 

 

 

 

* bootstrap 이용 : carousel

https://getbootstrap.com/docs/4.0/components/carousel/

 

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

getbootstrap.com

*javascript 이용 : class 추가 삭제

https://www.w3schools.com/howto/howto_js_add_class.asp

 

How To Add a Class Name

How TO - Add a Class Learn how to add a class name to an element with JavaScript. Add Class Click the button to add a class to me! Add Class Step 1) Add HTML: Add a class name to the div element with id="myDIV" (in this example we use a button to add the c

www.w3schools.com

 

반응형

'웹 개발 > frontend' 카테고리의 다른 글

반응형 웹 만들기 - layout과 비율유지하면서 줄어들게 하기  (0) 2020.07.15
div 태그 와 table 태그 연습 - 이력서 form 작성  (0) 2020.05.18
table 태그 연습  (0) 2020.05.18
div 태그 연습  (0) 2020.05.18
마우스 올릴 때 이미지 변경 - hover  (0) 2020.05.14
'웹 개발/frontend' Related Articles more
Comments