본문 바로가기

분류 전체보기117

[jQuery] animate animate : 사용자 지정 효과를 생성함 « » 실행결과 코드설명 line43 : 움직일 이미지를 가져오고 애니매이터를 이용해 -205px만큼 이동할수있게 설정하고 2초의 딜레이를 걸음 line51: 움직일 이미지를 가져오고 애니매이터를 이용해 205px만큼 이동할수있게 설정하고 2초의 딜레이를 걸음 if문의 경우 -1에서 움직일때마다 1씩올라가게해 2번움직이면 1이되는데 1이되고도 2023. 9. 22.
[jQuery] slide pade slidein : 엘리먼트의 높이가 서서히 0에 가깝게 줄어가며 사라짐 slideDown : 엘리먼트의 높이가 0부터 원래의 높이로 서서히 늘어가면 사라짐 slideToggle : 해당 엘리먼트의 상태에 따라, 위로 사라지게 하거나 내려서 등장시킴 예제 slideUp slideDown slideToggle 실행결과 토글의 경우에는 up down이 다 가능하기 때문에 생략하겠습니다 fadein : 엘리먼트의 불투명도를 점점 높여서 엘리먼트가 보이도록 함 fade out : 불투명도를 점점 감소하면서 해당 엘리먼트를 사라지게 함 fadeToggle : 엘리먼트를 감추거나 나타나기를 반복함 예제 불투명도를 점점 높여서 보이도록한다 speed를 fast, normal, slow 또는 0이상의 숫자 설정 이벤트가.. 2023. 9. 22.
[jQuery] show hide show : 요소 보이기(문서 객체를 크게 하여 보여 준다.) 엘리먼트를 나타나게 함 hide : 요소 숨기기(문서 객체를 작게 하여 사라지게 한다.) 엘리먼트를 사라지게 함 예제 ShowHide 안녕하세요 Show slowHide slow 반갑습니다 Show/Hide 또 만나요~ 실행화면 코드 설명 line22~23 : show가 보일때까지의 시간을 5초로 설정했고 css를 활용해 배경색이 노란색이 되도록 설정 2023. 9. 22.
[jQuery] change change : 값이 변경될 때 실행할 이벤트 핸들러를 연결한다(collback 함수) 매개변수 이벤트가 발생했을때 실행되는 함수 예제 딸기 바나나 사과 결과 코드 설명 line17 : 선택한 항목의 value값을 가져와서 img의 src속성으로 넣기위해 사용 line18 : 딸기에 selected를 사용하여 초기화면에 딸기를 넣기위해 .change()로 강제호출 2023. 9. 22.

티스토리툴바