[jQuery] fadeIn()/fadeOut()
2021. 11. 29. 11:32ㆍHTML&CSS&JavaScript/jQuery
반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
type="text/javascript"
src="http://code.jquery.com/jquery-latest.min.js"
></script>
<title>Document</title>
</head>
<body>
<button id="fadeIn">fadeIn()</button>
<button id="fadeOut">fadeOut()</button> <br />
<img
src="./image/kakao.jpeg"
id="dog"
width="120"
height="100"
style="display: none; position: relative"
/>
<script>
$(document).ready(function () {
$("#fadeIn").click(function () {
$("#dog").fadeIn("slow");
});
});
</script>
</body>
</html>반응형
'HTML&CSS&JavaScript > jQuery' 카테고리의 다른 글
| [jQuery] Ajax (0) | 2021.11.30 |
|---|---|
| [jQuery] jQuery를 이용한 DOM 변경 (0) | 2021.11.29 |
| [jQuery] animate() (0) | 2021.11.29 |
| [jQuery] toggle() (0) | 2021.11.29 |