전체 글 (60) 썸네일형 리스트형 for문 for문 html 마크업 li에 해당 배열 텍스트 값 입력하기 var _data = [ "예제1", "예제2", "예제3", "예제4", "예제5"]; var i = 0;var len = _data.length; var $target = $( "ul" ).children( "li" ); for( i; i < len; i++ ){$target.eq( i ).text( _data[ i ] );} 이미지 모달 팝업 이미지 모달 팝업 (image modal popup) HTML 이미지 모달 팝업 이미지를 클릭 후 모달팝업 효과 예제 × CSS p { text-align: center; } .img-list { width: 1280px; margin: 50px auto 0; overflow: hidden; } .img-list li { float: left; margin: 10px; } .myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } .myImg:hover { opacity: 0.7; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixe.. [jQuery] jquery hide() show() animate() jquery hidde(),show(),animate() show()와 hide() 반대로 동작한다고 보면 된다다. show()는 숨긴 DOM을 다시 나타나게 하고 hide()는 DOM을 숨기는 역할을 합니다. hide() 했을 때는 DOM의 영역까지 숨기는 css의 display:none의 속성이 적용됨. javascript html Hide and show Animate 일반적으로 DOM을 show(), hide() 할 때는 하나의 버튼을 사용하기 때문에 버튼 하나를 생성해서 애니메이션을 컨트롤한다. 최초에 DOM이 보이는 상태에서 버튼을 클릭하면 hide() animation이 적용되고 DOM의 hide상태인지 show상태인지 구분하기 위해 “hide”란 속성에 true 값을 넣어준다. 반대로 DO.. javascript index 찾기 javascript index찾기 가장 많이 쓰는 on.off 또는 active를 사용할때 많이 쓰인다. html 코드상에서는 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 이 부분이다. 제일 많이 쓰이는 구조이다. 이 부분에서 내가 선택한 것만 다른 용도로 보이고 싶을때는 스크립트 이렇게 스크립트를 쓴다. 이전 1 ··· 5 6 7 8 다음