Menu

사랑해요~~

2016. 6. 2. 01:30

안개핑 Javascript

 

 

bbb.js

 

 

<HEAD> <STYLE TYPE="TEXT/CSS">

  <!-- A:link {text-decoration:none} A:visited {text-decoration:none}
      A:hover {color: red; text-decoration:underline;}-->

  </STYLE><script>
<!-- Beginning of JavaScript -

var imgwidth=54
var imgheight=36

var imgslices=5

var height_slice=Math.floor(imgheight/imgslices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=imgwidth

var x,y
var flag=0
var box
//넷스케이프
if (document.layers) {
 var left_pos=".left=";
 var top_pos=".top=";
 var doc="document.";
 var stl="";
}
//익스폴로러
if (document.all) {
 var left_pos=".pixelLeft=";
 var top_pos=".pixelTop=";
 var doc="";
 var stl=".style";
}

function handlerMM(e){
 x = (document.layers) ? e.pageX : event.clientX
 y = (document.layers) ? e.pageY : event.clientY
 flag=1
}
if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

var xpos=new Array()
for (i=0;i<=imgslices;i++) {
 xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=imgslices;i++) {
 ypos[i]=-50
}

function makeworm() {
 if (flag==1 && document.all) {
     for (i=imgslices; i>=1; i--) {
      xpos[i]=xpos[i-1]
   ypos[i]=ypos[i-1]
     }
  xpos[0]=x
  ypos[0]=y

  for (i=0; i<imgslices; i++) {
      var thisspan = eval("document.all.span"+(i)+".style")
      thisspan.posLeft=xpos[i]
   thisspan.posTop=ypos[i]
     }
 }
 var timer=setTimeout("makeworm()",10)
}

document.write('<body bgcolor=#FFFFFF onLoad=makeworm()>')

for (i=0;i<=imgslices-1;i++) {
    document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; clip: rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
       
 document.write("<img src='imge/kiss.gif'>")
    document.write("</span>")
 cliptop+=height_slice
 clipbottom+=height_slice
}

// - End of JavaScript - -->
</script>
<style type="text/css">tr,td{background style-filter: Alpha(Opacity=40)}body {background:; background-attachment: fixed; background-image: url(imge/iloveyou.gif); background-repeat: no-repeat; background-position: 50% 100%}BODY</style>  </head>
<body><CENTER> <span style="font-size:9pt;"><a href="lia.pe.kr" target="_blank">삶의향기</a></span>

'Javascript' 카테고리의 다른 글

깃털 날리다  (0) 2016.06.02
배경색이 랜덤하게 바뀐다  (0) 2016.06.02
풍차 모양으로 돌아 가는 글씨  (0) 2016.06.02
시 모음  (0) 2016.06.02
버튼 클릭으로 이미지 페이지 넘기기  (0) 2016.06.02