<html>
<HEAD> <!--여기서부터 카피해 HEAD .. /HEAD 사이에 복사해 넣는다-->
<script>
<!-- Beginning of JavaScript -
// 이미지 가로크기
var imgwidth=150
//이미지 세로크기
var imgheight=200
// 이미지 Slice(조각) 수
var imgslices=18
// 이하 수정할 필요없음.........!
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)
}
//-- ★ 주: body 태그안에 다른 이벤트 코드가 있을 경우 아래 부분을 삭제하고
//-- body 태그안에 onLoad=makeworm() 이벤트 코드를 삽입해 줄것
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/5.gif'>")
document.write("</span>")
cliptop+=height_slice
clipbottom+=height_slice
}
// - End of JavaScript - -->
</script>
<!-- 여기까지 head 스크립트 -->
</head>
<body> <pre>
</pre>
<p align="center">삶의향기
<center><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 오른쪽 마우스를 메뉴로 이용하자 (0) | 2016.06.01 |
|---|---|
| 오른쪽 마우스 클릭시 예쁜 메뉴가 (0) | 2016.06.01 |
| 이미지가 다나타나면 자동으로 (0) | 2016.06.01 |
| 마우스 커서에 원래 이미지 크기대로 (0) | 2016.06.01 |
| 셀렉트 박스의 내용에 링크걸기 (0) | 2016.06.01 |