목록* (157)

열정과 게으름 사이

갤러리 < 더보기 >만들기

더보기 버튼을 클릭하면 숨겨진 요소가 보이는... 뭐... 흔하게 보는 그 이벤트. -HTML 현장 1 현장 2 현장 3 현장 4 현장 5 현장 6 현장 7 현장 8 현장 9 현장 10 현장 11 현장 12 현장 13 현장 14 현장 15 현장 16 더보기 닫기 -JAVASCRIPT const moreEvent= function more(el,tg ,min,add){ const $box=document.querySelector('#'+el.id);//모든 컨텐츠를 담은 박스 const $more_box=$box.querySelector('.more-box');//갯수에 의해 늘어나거나 줄어들 박스 const _item=$more_box.getElementsByClassName('item');//컨텐츠 c..
공부 메모/javaScript 2021. 11. 22. 19:27
자바스크립트 링크 /새 창 크기

1. window.location.href="url" 이용 :현재 화면이 대체 됨. 2. widdow.open("url", "name", "specs","replace" )이용 - url : 이동할 주소 - name : 새로 열릴 창의 속성 or 이름 지정 " _blank ": 새 창이 열림. 기본값 " _parent" : 부모 프레임에 열림 " _self ": 현재 페이지 대체 "- _top" : 로드된 프레임셋을 대체 " name(임의)" : 새창 이름을 지정함. 동일한 이름에 다시 open()을하면 기존의 열린창의 내용이 바뀜. - ​specs : 선택적인 값 "channelmode= yes" : 전체화면으로 창이 열림,IE에서만 동작 (값:yes,no,1,0) "fullscreen= yes" : ..
공부 메모/javaScript 2021. 11. 6. 10:55
css 변수 , 연산

CSS변수 선언 선언식 : --font-color: #fff; or --width: 100px; 와 같이 앞에 두 개의 바가 들어간다. 변수의 사용 범위 : 변수가 선언된 요소의 하위 트리. 전역 변수로 사용할 경우 :root{ --font-color: #fff; } 내에 선언하면 되고, 지역 변수로 사용할 경우는 사용할 트리의 기준이 되는 상위 요소에 선언. CSS변수 사용 요소{ color: var(--font-color);} //지역 변수 선언 :root{ --bg-color:#26ae9a; } //지역 변수 선언 section2 .outbox{ --fnot:'Roboto', sans-serif; } // 변수 사용 section1{ background-color:var(--bg-color:#26a..
공부 메모/css3 2021. 11. 5. 08:37
javascript 자식 노드 추가,삭제,복사

1. 노드 추가 노드의 생성 메소드: createElement() 노드를 생성하고 기존의 노드에 추가 하는 메소드: addendChild(), append(), insertBefore() - addendChild(), append() => 는 기준 노드의 마지막 자식 요소로 추가. - insertBefore() => 는 기준 노드의 앞쪽으로 추가한다. html :out box appendChild() 는 노드객체만을 받을 수 있고, 하나의 노드만을 추가할 수 있다. return값을 반환한다. const $out_box=document.querySelector('.out-box'); const inner_box= document.createElement('div');//추가할 노드 생성 inner_box...
공부 메모/javaScript 2021. 11. 3. 01:58
Prev 1 ··· 4 5 6 7 8 9 10 ··· 40 Next