Etc/Frontend

내비게이션 바에서 링크를 클릭했을 때 클릭된 내용을 본문에 나타내기

z.zzz 2021. 8. 11. 22:11

event.target - onclick 이벤트 일어난 객체 찾기

https://sourcestudy.tistory.com/207

 

javascript 이벤트 대상 얻기 event.target

javascript 이벤트 대상 얻기 event.target https://developer.mozilla.org/en-US/docs/Web/API/Event event.target 으로 이벤트 객체를 받아옵니다 이를 통해 객체의 모든 정보를 탐색할 수 있습니다. javascript..

sourcestudy.tistory.com

 

특정 속성 태그에 모두 onclick 이벤트 붙이기

https://sourcestudy.tistory.com/232

 

javascript 모든 태그에 onclick 이벤트 붙이기

window.onload = function() { //모든 input 태그에 onclick 이벤트를 장착 var input = document.getElementsByTagName('input'); var i = input.length; while( i-- ) input[i].onclick = btnid; } }

sourcestudy.tistory.com

 

텍스트 세로 가운데 정렬

https://1730.tistory.com/132

 

텍스트 세로 가운데 정렬하는 몇 가지 방법

CSS 수직 중앙 정렬 하기 속성으로 텍스트를 세로 중앙에 정렬하는 방법으로 간단하게 적용이 가능한 3가지 방법입니다. line-height: 130px 태그에 line-height 속성을 이용하여 행의 높이를 부여하는 방

1730.tistory.com

 

가로 스크롤바 없애기

https://spacemonkey925.tistory.com/6

 

가로스크롤바 없애기

1 body{overflow-x:hidden; overflow-y:auto} cs fadeInLeft 시에 가로스크롤바가 생기게 되는데 이때 유용.

spacemonkey925.tistory.com

 

+ 08/12 추가

요소를 앞으로 가져오기 : z-index

https://www.python2.net/questions-694059.htm

 

html - CSS를 사용하여 요소를 앞으로 가져 오기

CSS로 다음과 같은 버튼을 만들었습니다. 버튼의 스크린 샷 다음 CSS 코드로 : .boton-cabezera { position: relative; display: inline-block; margin: 0px 8px 15px; } .boton-cabezera a { color: white; font-family: Helvetica, sans-serif;

www.python2.net

 

드롭다운 만들기

http://www.w3bai.com/ko/howto/howto_js_dropdown.html

 

방법 - 클릭 가능한 드롭 다운

CSS 및 JavaScript를 클릭 할 수있는 드롭 다운 메뉴를 만드는 방법에 대해 알아보십시오. 쓰러지 다 드롭 다운 메뉴는 사용자가 미리 정의 된 목록에서 하나 개의 값을 선택할 수있는 전환 가능한

www.w3bai.com

 

'Etc > Frontend' 카테고리의 다른 글

[JavaScript] 프로미스(Promise)란?  (0) 2023.03.23
[JavaScript] 콜백 함수(callback function)란?  (0) 2023.03.21
07.13 공부일지 - Javascript 2주차  (0) 2021.07.14
07.13  (0) 2021.07.14
2021.07.11  (0) 2021.07.11