kurt.grigg１■文字■　回転虹色キラキラ

原本を改造して、HTML5とFirefox対応にして、古いブラウザ用の記述を削除しています。原本はこちら。

◆全ソース◆
ソースの中でマウスの右クリックで『すべて選択』した後に、
再度右クリックして『コピー』

<!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>kurt.grigg１■文字■　回転虹色キラキラ</title>

</head>
<body bgcolor="#000000"> 
<br><br><br>
<hr>
<p style="color:#ffffff;">原本を改造して、HTML5とFirefox対応にして、古いブラウザ用の記述を削除しています。</p>

<!--ここからコピー。位置は<body>の中です-->
<script type="text/javascript">
<!--
/*===================================================
Mouse Stars 2 Script by kurt.grigg@virgin.net

★js保管サイト http://www.geocities.jp/webcella/ 
★HTML5とfirefox対応にして、古いブラウザ用記述を削除 2014/05/23
=====================================================*/
//To add more stars simply add more colours in below array!!
colours=new Array('#ff0000','#00ff00','#3366ff','#ff00ff','#ffa500','#ffffff','#fff000');

//Alter nothing below!!
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0;

//マウスカーソル位置を取得  ★修正★

document.onmousemove=function Mouse(e){
mx=e.pageX;
my=e.pageY;
}

function stars(){
for (i=0; i < amount; i++)
 {
 var layer=document.getElementById("iestars"+i); 
 layer.style.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10)+"px"; 
 layer.style.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10)+"px";
 }
currStep+=step;
}

document.write('<div id="ie" style="position:absolute"><div style="position:relative">');
 for (i=0; i < amount; i++) 
document.write('<span id="iestars'+i+'" style="position:absolute;width:2px;height:2px;background:'+colours[i]+';font-size:2px"></span>');
document.write('</div></div>');

document.getElementById("ie").style.top = document.body.scrollTop+"px";

function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout('delay()',10);
}
window.onload=delay;  /*★原本はdelay();*/
//-->
</script>
<!--★コピーここまで-->

</body>
</html>

kurt.grigg１■文字■ 回転虹色キラキラ UP日時 : 2014/05/26

　kurt.grigg１■文字■　回転虹色キラキラ　　　　UP日時 : 2014/05/26