목록공부 메모/javaScript (21)

열정과 게으름 사이

흐르는 글씨 효과

html에 마퀴태그가 있으나, 지원이 언제 안되도 이상할 것 없다하니 다른 방법을 찾아보기로 했다. 텍스트의 길이가 일정하고 짧은 문구라면 슬라이딩을 응용하면 되겠다 싶었지만, 길이가 일정하지 않은 긴 문구 두 개를 로딩지연 없이 슬라이딩 하려니.... 그래서 찾다가 발견한 코드를 살짝 응용. 흐르는 것이 아니고 한글자식 앞뒤로 자르고 붙여주는 방식으로 흐르는것 같은 효과이다. 자르고 붙이는 방식이다 보니. 조금은 어색하고, 앞쪽을 보면 정신없다. ㅎㅎㅎ let position = 0; let text = $('.text-container').data('text'); let size = text.length; function scrollText() { if (position < size) { $('.te..
공부 메모/javaScript 2022. 2. 2. 23:34
갤러리 < 더보기 >만들기

더보기 버튼을 클릭하면 숨겨진 요소가 보이는... 뭐... 흔하게 보는 그 이벤트. -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
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 2 3 4 ··· 6 Next