マウスストーカー９-３■画像■　リングの３Ｄマウス

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>マウスストーカー９-３■画像■　リングの３Ｄマウス</title>

<style type="text/css"><!--
body{background:#eda;}/*★背景色指定。薄茶色。不要なら削除*/
--></style>

</head>
<body>

<!--★ここからコピー。位置はbodyの中です-->
<script type="text/javascript"><!--
/*=============================================================================
マウス追っかけ3D回転星 Ver.0.04(By：http://homepage3.nifty.com/masas/sdir/　サイト名 Scrap Dir)
Copyright(c)2001 Masa, All Rights Reserved.  ★2016/09/27　旧ブラウザ対応分削除。画像複数指定へ
================================================================================*/
(function (){  //即時関数で囲んでグローバル変数を消すため、この行はこのままで

//★画像を順番に"●",と区切って並べる。増減可能。最後の]の前には,(カンマ)無し
var ga=["gin1.gif","gin2.gif","gin3.gif","gin4.gif","gin5.gif"];
var myurl="";   //★画像パス。文書とは別のフォルダーなどに入っている時は指定。全画像共通部分

var num= 8;     //★画像の表示数。
var pitch= 10;  //★原本30。 回転ピッチ(角度)です。大きくすると回転が速くなる
var Zpitch= 10; //★原本10。 Z軸方向の回転ピッチ(角度)。大きくすると回転が速くなる
var r=50;       //★原本10。回転の半径。大きくすると円が大きくなる
var cX=0;       //★原本0。マウス画像のサイズに合わせて、回転の中心点とカーソルの水平位置(マイナスで画像が左方向)
var cY=80;      //★原本20。マウス画像のサイズに合わせて、回転の中心点とカーソルの垂直位置(マイナスで画像が上方向)
var spd=50;     //★原本50。タイマー設定値(msec)  分からなければこのままで

//指定ここまで--------------------------------------------------------------------------
function $(id){return document.getElementById(id);}/*document.getElementByIdを簡略化*/
var len=ga.length,i=0,mx=-200,my=-200,sAngle=0,sZAngle=0;
var dAngle=360 /num;
var dZAngle=360 /num;
document.onmousemove =function (e){mx=e.pageX +cX; my=e.pageY +cY;}
function round3D(){
sAngle +=pitch;
sZAngle +=Zpitch;
var newZ=sZAngle + dZAngle;
if (newZ > 360) { newZ -=360; }
for (i= 0; i<num; i++) {
var newS= sAngle + dAngle * i;
if (newS > 360) { newS -=360; }
var nx=r * Math.cos(newS * Math.PI / 180);
var nzx=mx+(nx * Math.cos(newZ * Math.PI / 180));
var ny=my+(r* Math.sin(newS * Math.PI / 180));
$("MOV"+i).style.left =nzx+"px";
$("MOV"+i).style.top =ny+"px";
}
setTimeout(round3D,spd);
}
for (i=0; i<num; i++) {document.write('<img src='+myurl+ga[i%len]+' id="MOV'+i+'" style="position:absolute;">');}
round3D();
}());//即時関数終了
// --></script>
<!--★ここまでコピー-->

</body>
</html>
マウスストーカー９-３■画像■ リングの３Ｄマウス UP日時 : 2016/09/27

　マウスストーカー９-３■画像■　リングの３Ｄマウス　　　　UP日時 : 2016/09/27
