Ｊａｖａスクリプト

● 訪問回数の表示	● 最終更新日の表示	● ステータスバーに時計	● 画像を降らす	● 小窓を出す
● アクセス日時の表示	● 経過時間の表示	● ブラウザ情報の表示	● ランダム画像	● マウスストーカー
● セレクトリンク	● ランダム背景画像	● ＨｅｌｐＢｏｘ	● ランダムMusic	● セレクトMusic
● イメージ変更	● ユーザー名の表示	● クッキーの削除	●	●
●	●	●	●	●
●	●	●	●	●

訪問回数を表示する

①と②のとこに文字を入れます。

サンプルは、①と②に文字を入れてます。
②だけ入れて、「回目のご訪問ありがとうございます」
みたいな感じもいいかもしれないですね

①サンプルですご訪問ありがとうございます。

最終更新日を表示する

サンプル：

メニューへ

ステータスバーに時計を表示する

サンプルはこのページです。

メニューへ

画像を降らす

例：サンプル

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
var no = 降らせる数; //
var speed = 降らせるスピード;
var hanaflake = "降らす画像のURL";//

メニューへ

訪問時に小窓を出す

サンプルはここを開いた時に出ましたよね？
あんな感じです

 メニューへ

アクセスした日時を表示する

サンプル：

メニューへ

経過時間の表示

アクセスしてからの経過時間を表示します

例：サンプル

メニューへ

ブラウザ情報の表示

アクセスした人のブラウザ情報が表示されます

例：

メニューへ

ランダム画像

アクセスする度に画像が変わります

例：サンプル

メニューへ

マウスストーカー

時計になってます

例：サンプル

fCol='aqua';//数字の色
dCol='#ffff00';//ドットの色
hCol='blue';//長針の色
mCol='red';//短針の色
sCol='#ff00ff';//秒針の色
ClockHeight=35;
ClockWidth=35;
ClockFromMouseY=80;
ClockFromMouseX=5;

ns=(document.layers);
ie=(document.all);
h=3;
m=4;
s=5;
face='1 2 3 4 5 6 7 8 9 10 11 12';
face=face.split(' ');
n=face.length;
speed=0.6;
ymouse=0;
xmouse=0;
scrll=0;
p="<font face=Arial size=1 color="+fCol+">";
e=360/n;
HandHeight=ClockHeight/4;
HandWidth=ClockWidth/4;
HandY=0;
HandX=0;
scrll=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < 37; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < n; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsN'+i+'" top=0 left=0 height=15 width=15><center>'+p+face[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsD'+i+'" top=0 left=0 bgcolor='+dCol+' clip="0,0,2,2"></layer>');
for (i=0; i < h; i++)
document.write('<layer name=nsH'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
for (i=0; i < m; i++)
document.write('<layer name=nsM'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (i=0; i < s; i++)
document.write('<layer name=nsS'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
if (ie){
document.write('<div id="On" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieN" style="position:absolute;width:15px;height:15px;text-align:center">'+p+face[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieD" style="position:absolute;height:2px;width:2px;font-size:2px;background:'+dCol+'"></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < h; i++)
document.write('<div id="ieH" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < m; i++)
document.write('<div id="ieM" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < s; i++)
document.write('<div id="ieS" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
document.write('</div></div>')
}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function Delay(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < 37; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
// by diver@eggtown -->
</script>

メニューへ

セレクトリンク

セレクトメニューを選んだらリンク先にジャンプする

 メニューへ

ランダムに背景画像を変更する

例：サンプル

メニューへ

ＨｅｌｐＢｏｘ

ページの説明やバージョン情報等の簡単な説明ができます。
ボタンの場合とリンクの場合どちらかを削除して使ってください。

メニューへ

ランダムに音楽を流す

アクセスする度に音楽を変更します。

例：サンプル

<SCRIPT Language="JavaScript">
<!--
function my_random(n) {
  if(navigator.appVersion.charAt(0) <=2 && navigator.appName.charAt(0) == "N") {
      t = new Date();
      t = t.getTime(); t += ""; t = t.substring(t.length-3,t.length); t = eval(t)/1000;
      t = Math.floor(t*n);
      return t;
  }
  else {
      t = Math.floor(Math.random()*n);
      return t;
  }
 }

var musicMax = 4; //設定曲数。現在は４曲。0も数に入れます
var musicSrc = new Array();
musicSrc[0]  = "http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/fields.mid";     //音楽ファイルへのパス
musicSrc[1]  = "http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/degroove.mid";
musicSrc[2]  = "http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/danz.mid";
musicSrc[3]  = "http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/d_jf_01x.mid";
/*以下の用に増やすこともできます。増やした場合、musicMax = 4の数字の変更もしてください。
  musicSrc[4] = "音楽URL";
  musicSrc[5] = "音楽URL";
*/

var music_rand = my_random(musicMax);
 document.write("<bgsound src='" ,musicSrc[music_rand], "' loop='infinite'>");
 if(navigator.appName.indexOf("Netscape") != -1) {
    document.write("<EMBED SRC='" ,musicSrc[music_rand], "' WIDTH=150 HEIGHT=40 PANEL=0 AUTOSTART=TRUE REPEAT=TRUE>");
 }
//-->
</SCRIPT>

メニューへ

セレクトＢＧＭ

聞きたい音楽をメニューより選択できます。
例：サンプル

<SCRIPT Language="JavaScript">
<!--
function currentBGM(){
 if(bgmpath =="") return;
 var obj = document.bgmparent.bgmselect;;
 for(i=0; i<obj.length; i++) {
   var val = obj.options[i].value;
   if(val == bgmpath) { obj.options[i].selected = true;}
 }
}

function bgmselecter(obj) {
 query= obj.options[obj.selectedIndex].value;
 if(query != "") {
   url = ((location.href).indexOf("?") != -1)
     ? (location.href).substring(0, (location.href).indexOf("?"))
     : (location.href);
   location.href = url +"?"+ query;
  }
}

var bgmpath = ""; //"..."の中に一回目アクセス時の音楽ファイルへのパスを書ける。
if(location.search != ("" || "?")) {
  var chrat = location.search.indexOf("?");
  bgmpath = location.search.substring(chrat+1, location.search.length);
}

if(bgmpath !="") {
  document.write("<bgsound src='" +bgmpath+ "' loop='infinite'>");
  if(navigator.appName.indexOf("Netscape") != -1) {
    document.write("<EMBED SRC='" +bgmpath+ "' WIDTH=0 HEIGHT=0 PANEL=0 AUTOSTART=TRUE REPEAT=TRUE>");
  }
}
//-->
</SCRIPT>

<select name="bgmselect" onChange="bgmselecter(this)">

<option value="">--SELECT BGM--
<option value="http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/a110.mid">BGM1
<option value="http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/a33.mid">BGM2
<option value="http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/a71.mid">BGM3
<option value="http://www.geocities.co.jp/Hollywood-Spotlight/_image/midi/a76.mid">BGM4
</select>

</form>

</BODY>

メニューへ

画像変更

一定時間で画像を変更する

例：サンプル

メニューへ

ユーザー名の表示

ユーザー名を保存し表示します

例：サンプル

メニューへ

クッキーの削除

例：サンプル

メニューへ

メニューへ