본문 바로가기 메뉴 바로가기

Gray CHA

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Gray CHA

검색하기 폼
  • Total (127)
    • 알아두기 (29)
    • 제품리뷰 (16)
    • 청약 (1)
    • 프로그래밍 (79)
      • Project (3)
      • HTML, CSS (1)
      • Script, jQuery (5)
      • React (11)
      • PHP (11)
      • Spring (0)
      • Python (4)
      • DB (5)
      • Linux (6)
      • Git (3)
      • Docker (8)
      • AWS (5)
      • Network (3)
      • Algorithm (1)
      • ETC (13)
    • 블로그 운영 (2)
  • 방명록

프로그래밍/HTML, CSS (1)
CSS :hover - 마우스 오버(mouseover) / 마우스 아웃(mouseout) 이벤트 처리

Script - mouseover / mouseout 대부분 script 를 이용하여, selector를 지정하여 mouseover / mouseout 이벤트를 구현 한다. // jquery - mouseover / mouseout $(".card").on({ "mouseover":function(){ console.log("Mouse Over"); $(this).css({'background-color':'red'}); }, "mouseout":function(){ console.log("Mouse Out"); $(this).css({'background-color':'white'}); } }); CSS - :hover CSS :hover selector 를 이용하면, 마우스 오버(mouseover) ..

프로그래밍/HTML, CSS 2021. 8. 23. 22:41
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바