OK DDODDO LAB

  • 홈
  • 태그
  • 방명록

JS 2

length > 0 해당 요소가 있을경우

모바일 작업일 경우 많이 사용하게 되는 것 같습니다. length가 0일 경우 container 여백 제거 하고, 아닌 경우 container 여백 추가 합니다. if($('.bottom-fixed').length == 0) { $('.container').css('padding-bottom', 0); } else { $('.container').css('padding-bottom', '60px'); } 아래 코드를 응용해서 적용하고 싶음 코드를 넣으시면 되겠습니다. if ($('객체').length > 0) { //작동시키고 싶은 코드 } 한 페이지에 해당 아이디값을 가진 객체가 있을 때만 작동하게 할 때 if ( document.getElementByID('item') ) { //해당 아이템이 있을때..

작업 일지/JS 2024.03.05

fade 효과 - setInterval( ) - 2가지 이미지 깜빡이며 보이기

서로다른 이미지 깜박이며 노출 HTML CSS body { background-color:#111; } #wrap{ margin:30px auto; width:600px; } .fade_container { position:relative; width:600px; height:350px; border:2px solid gold; } .fade_container img{ position:absolute; width:100%; height:100%; } .fade_container img:nth-child(1){ background-color:#fff; } .fade_container img:nth-child(2){ background-color:red; } .fade_container img:nth-chi..

작업 일지/JS 2024.03.04
이전
1
다음
더보기
프로필사진

OK DDODDO LAB

AI랑 퍼블리싱 하는 실험 블로그

  • 분류 전체보기 (48) N
    • 퍼블리셔 AI (8) N
      • 퍼블리셔 자동화 (2)
      • 접근성(A11y) × 마크업 (3) N
      • ChatGPT 실무 사례 (3) N
      • 디자인 & 시안 연계 (0)
    • 작업 일지 (39)
      • IT (3)
      • HTML CSS (10)
      • JS (11)
      • 기초셋팅 (2)
      • 웹접근성 (6)
      • 이슈기록 (7)

Tag

반복작업줄이기, tailwindcss, vuejs, 웹접근성, figma없이디자인, chatgpt디자인, gpt실무활용, ai와이어프레임, 디자인자동화, html자동화, gpt마크업, 프롬프트디자인, JS, jQuery, 퍼블리셔자동화, uiux자동화, ChatGPT, gpt디자인, 웹퍼블리셔, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

Archives

Copyright ©

티스토리툴바