파일 목록
-
📁 이후
-
📁 jquery
-
📁 js
- ex10-1.html
- ex10-2.html
- ex10-5.html
- ex8-11.html
- Ex8-4.html
- Example8-2.html
- example9-18.html
- example9-19.html
- Examplt8-3.html
- exapmle9-21.html
- practic9-4.html
- practice 9-6.html
- practice8-1-3.html
- practice8-2.html
- practice8-3.html
- practice8-5.html
- practice8-6.html
- practice8-7.html
- practice9-1.html
- practice9-5.html
- practice9-8.html
- test6.html
- Test8.html
- test9.html
- test9_10.html
- test9_3.html
- test_9._0.html
- win1_ob2.html
- 챌린지 copy.html
-
- desktop.ini
- ex10-1,2.html
- ex10-3.html
- ex10-5.html
- Title.png
.jpg){kind=link}
.jpg){kind=link}
.jpg){kind=link}
<!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">
<title>Document</title>
<script src="../js/jquery.js"></script>
<style>
button {
font-family: 굴림;
font-size: 20px;
}
</style>
<script>
$(function () {
$(".btn2").hide();
$(".btn1").on("click", function () {
$(".box").slideUp(1000, "linear",
function () {
$(".btn1").hide();
$(".btn2").show();
});
});
$(".btn2").on("click", function () {
$(".box").fadeIn(1000, "swing",
function () {
$(".btn2").hide();
$(".btn1").show();
});
});
$(".btn3").on("click", function () {
$(".box").slideToggle(1000, "linear");
});
$(".btn4").on("click", function () {
$(".box").fadeTo("fast", 0.3);
});
$(".btn5").on("click", function () {
$(".box").fadeTo("fast", 1);
});
$(".btn1").trigger("click");
});
<style>
.content{
font - size:20px;
width:600px;
background-color: #eee;
}
</style>
</head >
<body>
<p>
<button class="btn1">slideUp</button>
<button class="btn2">fadeIn</button>
</p>
<p>
<button class="btn3">toggleSide</button>
</p>
<p>
<button class="btn4">fadeTo(0.3)</button>
<button class="btn5">fadeTo(1)</button>
</p>
<div class="box">
<div class="content">
<pre>
모든 순간이 다 꽃봉우리인 것을 <정현종>
나는 가끔 후회한다
그때 그일이
노다지였을지도 모르는데
그때 그 사람이
그때 그 물건이
노다지였을지도 모르는데...
더 열심히 파고들고
더 열심히 말을 걸로
더 열심히 귀 기울이고
더 열심히 사랑할 걸...
반벙어리처럼
귀머거리처럼
보내지는 않았는가
우두커니처럼...
더 열심히 그 순간을
사랑할 것을...
모든 순간이 다
꽃봉오리인 것을,
내 열심에 따라 피어날
꽃봉오리인 것을!
</pre>
</div>
</div>
</body>
</html >