파일 목록
-
📁 이후
-
📁 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>snow song show</title>
<style>
body {
background-image: url("media/snow song show.png");
background-repeat: no-repeat;
background-color: #000;
}
div {
border-style: none;
font-size: small;
color: white;
}
}
</style>
<script>
var width = 1024;
var height = 768;
var snowcount = 30;
function first_pos() {
var text = "";
for (i = 0; i < snowcount; i++) {
ranlocation = Math.floor(Math.random() * (width - 1 + 1) + 1);
rantoplocation = Math.floor(Math.random() * (height - 1 + 1) + 1);
text = "<div style='position: absolute; top:" + rantoplocation + "px; left: " + ranlocation + "px; '>*</div>";
document.body.innerHTML += text;
}
}
function down_pos() {
var arrdivs = document.getElementsByTagName("div");
for (i = 0; i < arrdivs.length; i++) {
var newoffsettop = arrdivs[i].offsetTop + 10;
var offsetleft = arrdivs[i].offsetLeft;
if (newoffsettop > 850) { /* 이미지 크기를 넘긴경우 */
start_pos(arrdivs[i]);
}
else {
var newdiv = document.createElement("div");
newdiv.setAttribute("style", "left: " + offsetleft + "px; top : " + newoffsettop + "px; position : absolute;");
newdiv.innerHTML = "ㆍ";
document.body.replaceChild(newdiv, arrdivs[i]);
}
}
}
function start_pos(arrdiv) {
ranlocation = Math.floor(Math.random() * (width - 1 + 1) + 1);
rantoplocation = Math.floor(Math.random() * (height - 700 - 1 + 1) + 1);
var newdiv = document.createElement("div");
newdiv.style.left = ranlocation;
newdiv.style.top = rantoplocation;
newdiv.style.position = "absolute";
newdiv.setAttribute("style", "left: " + ranlocation + "px; top : " + rantoplocation + "px; position : absolute;");
newdiv.innerHTML = "*";
document.body.replaceChild(newdiv, arrdiv);
}
document.addEventListener("DOMContentLoaded", function () {
first_pos();
setInterval("down_pos()", Math.random() * 500
);
});
</script>
</head>
<body>
</body>
</html>