728x90
<script>
window.onload = function(){
const button = document.getElementById('button');
button.onclick = function(){
return false; //이러면 기능 사용 X.
}
}
</script>
<body>
</body>
<style>
#box{
width : 100px; height : 100px;
background-color : aqua;
}
#box.hover{
background-color: beige;
border-radius: 50px;
}
</style>
<script>
$(document).ready(function () {
$('h1').css('color', 'red');
$('h1').css('background', 'black');
$('img').attr('width', '100');
$('#box').hover(function () {
$('#box').addClass('hover');
}), function () {
$('#box').removeClass('hover');
}
})
</script>
<body>
<h1>Header</h1>
<h1>Header</h1>
<h1>Header</h1>
<img>
<div id="box"></div>
</body>
728x90
'웹개발 > HTML' 카테고리의 다른 글
| [Javascript] 함수23.04.13 (0) | 2023.04.13 |
|---|---|
| [JavaScript] 조건문, 반복문 23.04.12 (0) | 2023.04.12 |
| [JavaScript] 기본용어 예약어 자료형 변수 23.04.11 (0) | 2023.04.11 |
| [HTML] 23.04.10 (0) | 2023.04.10 |
| [HTML] 선택자,이미지배경, 박스속성, 가시속성 23.04.06 (0) | 2023.04.06 |
댓글