Jam's story
[JS] 의사클래스 풍선도움말 본문
1번째 방법
<script type="text/javascript">
function div_mouseover() {
console.log("onmouseover"); //이벤트 확인
document.querySelector("div>p:first-child").style.display = "block";
}
function div_mouseout() {
console.log("onmouseout");//이벤트 확인
document.querySelector("div>p:first-child").style.display = "none";
}
</script>
2번째 방법
<script type="text/javascript">
function div_mouseover() {
console.log("onmouseover"); //이벤트 확인
document.getElementById("box").style.display = "block";
}
function div_mouseout() {
console.log("onmouseout");//이벤트 확인
document.getElementById("box").style.display = "none";
}
</script>
요소의 특수한 상태 의사클래스 간단한 꿀팁(풍선 도움말 )
HOver Over Me
Lorem ipsum dolor sit amet.
Natus cum quam expedita nemo?
Magni inventore perferendis quaerat sed.
'WEB > JavaScript' 카테고리의 다른 글
[JS] 버튼누르면 동작 - 전구 불끄고 키기 (0) | 2022.05.27 |
---|---|
[JS] 배경색바꾸기 (0) | 2022.05.25 |
[JavaScript] 버튼누르면 보이게 하기 (0) | 2022.05.23 |
[JS][Jquery] 스크립트를 이용해서 동적인 버튼 만들기 +버튼 누르면 버튼10개 생성 (0) | 2022.05.23 |
[JavaScript] 모든 a 링크 태그의 active 속성 제거 , 클릭한 것만 주기 (0) | 2022.05.23 |
Comments