http://oxtag.com/html/ex/link_fok.htm
<html>
<head>
<style>
.spanstyle {
position:absolute;
visibility:hidden;
}
</style>
<script>
<!-- Beginning of JavaScript -
var debrisnumber=40
var debriscolor=new Array() // 터지는 조각조각의 색코드입니다.
debriscolor[0]="FFAAAA"
debriscolor[1]="AA0000"
debriscolor[2]="770000"
debriscolor[3]="AA4444"
debriscolor[4]="EE4422"
var x_debrispos
var y_debrispos
var x,y
var x_random=new Array()
var y_random=new Array()
var max_explsteps=20
var i_explsteps=0
var i_color=0
var pause=10
function checkbrowser() {
i_explsteps=0
x_debrispos=x
y_debrispos=y
for (i=0;i<=debrisnumber;i++) {
x_random[i]=Math.ceil(40*Math.random())-20
y_random[i]=Math.ceil(40*Math.random())-20
}
if (document.all) {
for (i=0;i<=debrisnumber;i++) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.visibility="VISIBLE"
thisspan.posLeft=x_debrispos
thisspan.posTop=y_debrispos
}
explode_IE()
}
if (document.layers) {
for (i=0;i<=debrisnumber;i++) {
var thisspan=eval("document.span"+i)
thisspan.visibility="VISIBLE"
thisspan.le
ft=x_debrispos
thisspan.top=y_debrispos
}
explode_NN()
}
}
function explode_IE() {
if (i_explsteps<=max_explsteps) {
for (i=0;i<=debrisnumber;i++) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft+=x_random[i]
thisspan.posTop+=y_random[i]
}
i_explsteps++
var timer=setTimeout("explode_IE()",pause)
}
else {
for (i=0;i<=debrisnumber;i++) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.visibility="HIDDEN"
}
clearTimeout(timer)
}
}
function explode_NN() {
if (i_explsteps<=max_explsteps) {
for (i=0;i<=debrisnumber;i++) {
var thisspan=eval("document.span"+i)
thisspan.left+=x_random[i]
thisspan.top+=y_random[i]
}
i_explsteps++
var timer=setTimeout("explode_NN()",pause)
}
else {
for (i=0;i<=debrisnumber;i++) {
var thisspan=eval("document.span"+i)
thisspan.visibility="HIDDEN"
}
clearTimeout(timer)
}
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
</head>
<body>
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=debrisnumber;i++) {
document.write("<div id='span"+i+"' class='spanstyle'>")
document.write("<table cellpadding=0 cellspacing=0>")
document.write("<tr><td bgcolor="+debriscolor[i_color]+">")
document.write("<img src='emptypixel236.gif' width=3>")
document.write("</td></tr></table>")
document.write("</div>")
i_color++
if (i_color>=debriscolor.length) {i_color=0}
}
// - End of JavaScript - -->
</script>
<a href="http://hacoo.tistory.com" onMouseOver="checkbrowser()" target="_blank">마우스 대봐요!!</a>
<!--♣하이퍼링크부분입니다. 문서경로및 타겟을 수정하세요-->
</body>
</html>
'인터넷관련' 카테고리의 다른 글
| 링크된 텍스트 마우스 오버시 떨림효과 (0) | 2008.01.29 |
|---|---|
| 글자가 변하는 뉴스티커 (공지용으로 쓰면 좋습니다.) (0) | 2008.01.29 |
| 쿠키값이 적용되어서 처음 방문시만 자동으로 뜨는 즐겨찾기 창 (0) | 2008.01.29 |
| 링크된 텍스트에 마우스 오버시 색 번짐 효과 (0) | 2008.01.29 |
| 페이지 로딩시 배경 컬러가 변합니다. (0) | 2008.01.29 |
| 색상표 (0) | 2008.01.28 |
| input 안에서 타이핑되는 글자 (0) | 2008.01.28 |
| 문자 출렁이는 효과 (0) | 2008.01.28 |
