TOP /すぐに使えるJavaScript 追いかけるハート(画像)

<script type="text/javascript"><!--
n=20;           //画像の数
msec=100;       //追従速度
imgsrc="heart.gif"     //使用画像
wh=10;          //大きなハートの大きさ
//-------------------------------------------------
for(i=0;i<n;i++){
document.write("<img src='"+imgsrc+"' style='position:absolute;z_index:2;top:-100px;left:-100px;'ID='Hearts"+i+"'>");
}
x=new Array();y=new Array();
for (i=0; i<=n; i++) {x[i] = -100;y[i] = -100; }
function H_move(NNevent){
if(document.all){x[0]=event.x;y[0]=event.y;}else{
x[0]= NNevent.pageX;y[0]= NNevent.pageY;}
}

function H_run(){
for (i=n-1; i>=0; i--){
if(i){x[i] = x[i-1];y[i] = y[i-1];}
if(i<(n/2)){
xh=x[i]+wh*i*Math.cos(i*2*3.14/n+3.14/2);
yh=y[i]-wh*i*Math.sin(i*2*3.14/n+3.14/2);
}else{
xh=x[i]+wh*(n-i)*Math.cos(i*2*3.14/n+3.14/2);
yh=y[i]-wh*(n-i)*Math.sin(i*2*3.14/n+3.14/2);
}
if(document.all){
document.all["Hearts"+i].style.pixelTop = -25+yh+document.body.scrollTop;
document.all["Hearts"+i].style.pixelLeft = -10+xh+document.body.scrollLeft;
}else{
document.getElementById("Hearts"+i).style.top=-25+yh+"px";
document.getElementById("Hearts"+i).style.left=-10+xh+"px";
}}
}
setInterval('H_run()',msec);
document.onmousemove = H_move;/* himajin.moo.jp */
// --></script>
保存用ハート画像保存用画像(左クリック)