본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기174

#검색결과

총 174개를 찾았어요 ^^b

/

attrClass? prop? 이 두가지 메서드에 대하여 알아보자! 속성 관련 메서드 이번 시간에는 클래스 속성과 관련된 메서드에 대해 알아보겠스빈다! attrClass() 메서드 요소에 class 속성을 추가시켜주는 메서드 입니다~~! 실행 분류 형식 취득 &("a").attr("href"); 생성, 변경 &("a").attr("href", "http://icoxpublih.com").attr("target", "_blank"); &("a").attr({href: "http://icoxpublih.com", target: "_blank"}); 콜백 함수 &("a").attr("href", function(index, h) { // index는 각 a 요소의 index 0, 1, 2 // h는 각a요소의 href 속성 return attribute(속성) // 각 a 요..
2022. 9. 3.
4가지! 클래스 메서드? 클래스 관련 메서드 이번 시간에는 클래스와 관련된 메세드에 대해 알아보겠스빈다! addClass() 메서드 요소에 class 속성을 추가시켜주는 메서드 입니다~~! 실행 분류 형식 추가 대 소문자 구분 없이 정규표현식과 문자열을 비교합니다. 추가 $("").addClass(function(index, className) { //index는 각 div 요소의 index 0, 1, 2 //className은 각 div의 class 속성 return class 속성 // 각 div에 class 속성을 추가했습니다. }); 내용1 내용2 내용3 예시 See the Pen example by kimsangjunv1 (@kimsangjunv1) on CodePen. removeClass() 메서드 요소에 class..
2022. 9. 3.
무한으로 뛰어오르는 공 만들어 보자! 무한으로 튀어다니는 공을 만들어보자. 무한정으로 튀어오르는 공을 css를 통해 만들어보도록 하겠습니다. HTML 무한으로 튀어오르는 공의 형태륾 만들어주기 위해 'wrapper'클래스를 가진 div 박스를 만들어줍니다. CSS x축과 y축의 이동을 통해 무한으로 돌아가는 공을 만들어 주기 위해 translatex 와 translatey를 이용한 키프레임을 만들어줍니다!! *{ box-sizing:border-box; } body{ background: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; ma..
2022. 9. 2.
슬라이드 이펙트_03 : JS를 이용해서 translateX로 이미지 슬라이드를 구현해보자! 슬라이더 이펙트 03 이번 슬라이드 이펙트_03 예제에서는 현재 값이 이미지 총 갯수와 같아졌을때 시간을 0.7초로 설정 해놓은 상태에서 움직이는 영역(.slider__inner)가 0px 위치로 이동해 슬라이드 효과를 보여주는 예제를 만들어 보도록 하겠습니다! HTML : 예제용 코드보기 예제 구현을 위한 이미지가 총 5개로 구성된 구조를 만들어 주도록 하겠습니다~~ Javascript Slider Effect03 슬라이드 이펙트 - 좌로 움직이기 (연속적으로) 1 2 3 4 5 6 7 소스 보기 Javascript HTML CSS CSS : 예제용 코드보기 크게 특이점은 없지만 각 이미지가 몇번째 이미지인지 알 수 있도록 [nth:child]를 사용하여 각 이미지에 content로 이름을 적어줍니다...
2022. 9. 1.
728x90
반응형

#HASH_TAGS

-

1

멈추지 않는 ' j ' 시리-즈 울적하니 꽃을 달아봤습니다 오늘 조업 마감했습니다. 코드 제이쿼리 Method 슬라이드 결과 : 월요일 오징어 두마리 포획 완료 scroll-snap-type 내일은 즐거운 월요일 JQuery ImageSlideEffect scroll-snap-align 선택해주세요 숙제가 다양해서 너무 좋아요 화사한가요? 오늘도 웹표준은.. 다크모드 필터선택자 이건 또 뭐람 오징어 1Kg 당 3000원 오징어 한마리 수확 완료! HTML 코딩 오늘은 내가바로 오징어! 공부 메서드

티스토리툴바