管理用http://bobby.yukigesho.com/kannrininn.html
ホームページで、使用してるJavaScript

*ランダム画像表示*    参考:http://javascript.eweb-design.com/0804_ri.html
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
img = new Array();
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' border='0'>");
//-->
</SCRIPT>
説明

<BODY>〜</BODY>に記す
タグと画像は同じファイルで、一旦、画像を転送後、画像削除して、再転送
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
グリーンの部分は画像のファイル名を記す

*右クリック禁止*    参考:http://www7.plala.or.jp/tinkiri/ankokumen/kinsi.html
音、メッセージの出ない前面禁止
<body oncontextmenu="return false">

音、メッセージの出る前面禁止
<body oncontextmenu="alert('右クリックはダメ');return false;">


音、メッセージの無い画像だけを守る時に使います
<img src="2.gif" oncontextmenu="return false">

音、メッセージが出る画像だけを守る時に使います
<img src="2.gif" oncontextmenu="alert('右クリックはダメ');return false;">
完璧に守るのは不可能・・・かも

これでも、大体、守れるはずです





*リンク関係*       参考:http://www005.upp.so-net.ne.jp/kamiya/
リンクにカーソ−ルが触れた時に文字の色が変わる

<STYLE TYPE=text/css>
 <!--
 A { text-decoration:none; color:リンクの色;}
 A:hover { text-decoration:none;color:マウスが触れたときの色;}
 -->
 </STYLE>



リンクにカーソ−ルが触れた時に文字の背景色が変わる

<STYLE TYPE="text/css">
 <!--
 A {
 text-decoration:none;
 color:000000; background:00ccff;
 }
 A:hover {
 text-decoration:none;
 color:fffff; background:0000ff;
 }
 -->
 </STYLE>


*説明*

A:visited=リンク
 A:hover =マウスをのせたとき

  • color:文字の色を指定
  • background:背景色を指定


リンクに触れたら下線が出る
<STYLE TYPE=text/css>
 <!--
 A{text-decoration:none;}
 A:hover{text-decoration:underline;}
 -->
 </STYLE>
ソースは<head> 〜 </head> のお好きなところに記述して下さい。






























*スクロールバー関係*      参考:http://www005.upp.so-net.ne.jp/kamiya/
色を変える

<STYLE type="text/css">
 <!--
 body {
 scrollbar-face-color:#FFFFFF;
 scrollbar-track-color:#FFFFFF;
 scrollbar-arrow-color:#ffcc00;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-shadow-color:#ffcc00;
 scrollbar-3dlight-color:#ffcc00;
 scrollbar-darkshadow-color:#FFFFFF;
 }
 -->
 </STYLE>


チェック柄模様

body {scrollbar-3d-light-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#ffffff; scrollbar-dark-shadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#6666cc; scrollbar-shadow-color:#6666cc;} -->
-->

右のスクロールのようになる→














基本
  
バーの表面色  scrollbar-face-color:#008000;
バーの背景色  scrollbar-track-color:#cdcdcd;
上下の△▽色  scrollbar-arrow-color:#dda0dd;
外枠の色  scrollbar-highlight-color:#FFF000;
影の色  scrollbar-shadow-color:#ffffff;
枠の色  scrollbar-3dlight-color:#FF0000;
淵の色  scrollbar-darkshadow-color:#000000;

*横棒線の色を変える*

hr{border-style:solid;
height:1;
background-color:#6699cc;
color:#3366cc;
border:0;
参考:#6699cc黄色の線を指定↓

*画面全体を使う*  参考:http://www.tamano.or.jp/takara/takarahtml/sakusei.htm
<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> 画面を100%を、使いきる時に使います

*マウスが触れると音が鳴る*     参考:http://www005.upp.so-net.ne.jp/kamiya/
単ページの場合

<bgsound id="sample" src="">
<a href="リンク先URL" onMouseOver="sample.src='sample.wav'">リンク名</a>

(注)sample.wav はマウスが重なったときに鳴らす音です。(各自が準備して下さい。)

説明
<body> 〜 </body> の間に記述してください。

音は、同じファィルに貼り付けて、サーバーに、送った後、音を外した後、再転送してください
フレームの場合

<bgsound id="sample" src="">
<A href="http://リンク先URL/" target="win" onmouseover="sample.src='se30.wav'"><FONT size="+1">リンク名</FONT></A>

の部分がフレームに入るタグ
の部分を変える

説明
<body> 〜 </body> の間に記述してください

音は、単ページと、同様の手順


*スクロール・バーを表示させない*  参考:http://www005.upp.so-net.ne.jp/kamiya/
<body scroll="no"> 説明
スクロールは、出来なくなります。

*音楽のボタン関係*
<EMBED src="***.mid" width="70" height="25" type="audio/midi" LOOP="true" REPEAT="true" AUTOSTART="true">






線形体のアイコン   ↓下の紺の線です
height="1"にする事で線状になります



<P><EMBED src="Pieces_Of_Toys.mid" autostart="on" loop="true" height="1" allowScriptAccess="never"><BR>

説明
loop="true"(繰り返し再生)
autostart="false"(ストップ状態から始まる)
autostart="on"
 (再生状態から始まる)
height="1"   (アイコンの高さの長さ)
width=300   (アイコンの幅の長さ)

説明

<body> 〜 </body> の間に記述してください

width=70  height=25


width=100  height=25


width=150  height=40


width=300  height=25


width=300  height=150
src="***.mid" MIDIのある場所、***にファイル名を指定します
width=幅 height=高さ widthはパネルの表示幅、heightは高さで、ピクセルで指定します
type="audio/midi" midi フォーマット
「LOOP」 ・ 「REPEAT」 繰り返し演奏の指定   無限:true   1回:false   回数指定:整数値
「AUTOSTART」 自動再生するか否か   する:true   しない:false

*背景画像の位置を決めて置く*

<STYLE type="text/css">
<!--
BODY {
background-image : url("素材URL");
background-attachment: fixed;
background-position:
0% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>

<STYLE type="text/css">
<!--
BODY {
background-image : url("素材URL");
background-attachment: fixed;
background-position:
100% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
<STYLE type="text/css">
<!--
BODY {
background-image : url("素材URL");
background-attachment: fixed;
background-position:
0% 100%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
<STYLE type="text/css">
<!--
BODY {
background-image : url("素材URL");
background-attachment: fixed;
background-position:
100%100%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
-->
</STYLE>
説明
<HEAD>この部分</HEAD>  に書き込んでください

背景画像位置を指定します

各、隅々に置く場合の位置です

の数字の部分を細かく書き換えて、好きな場所に配置する事もできます。










*マウス関連*
マウスに着いてきます。関係。
1 ターゲット+色のランダム
2 着いて来る文字
3 着いて来る文字
4 右、左回りして繰り返す点
5 右、左回りして繰り返す点
6 マウスにアタックする点
7 着いて来る輪
8 着いて来る輪(その2)
9 着いて来る輪(その3)
10 くるくる回って散る点
11 くるくる回って散る点
12 ウエーブしてアタックする点
13 着いて来る時計
マウスに着いて来るもの集

綺麗では、あるけど、実際HPで、使うと、HPの質が下がるようにも・・・・・









*マウスの形を変える*
<STYLE TYPE="text/css">
<!--
BODY{cursor:crosshair;}
-->
</STYLE>

head> 〜 </head> のお好きなところに記述して下さい
default auto crosshair pointer
move e-resize ne-resize nw-resize
n-resize se-resize sw-resize s-resize
w-resize text wait help
       ↑マウスを乗せてみて下さい
*リンクに触れて時に、マウスの形が変わる*
</style>

<style type="text/css">
<!--
a{
cursor:se-resize;
}
body{
cursor:default;
}
-->
</style>
*上との違いは、リンクに触れた時にマウスの形を変える


説明

<BODY>〜</BODY>に記述して下さい

の部分は、リンク触れた時にマウスの形が変わる
は、通常のマウスの形

*モニタサイズに合わせる*
<SCRIPT language="JavaScript">
<!--
// ウィンドウをモニタのサイズに合わせる
moveTo(0,0); // 左隅の座標
resizeTo(screen.width,screen.height);
//-->
</SCRIPT>



説明
ソースは<head> 〜 </head> のお好きなところに記述して下さい。

ウィンドウのサイズをモニタのサイズに合わせます。
800×600のサイズのモニタを使用していれば、
ウィンドウのサイズも自動的に800×600になります。
これは、全画面表示や最大化とは違いますので注意が必要です。

*ランダムに背景色を変更する*

背景色を変える時

説明
BODY>〜</BODY>に記す


<SCRIPT language="JavaScript">
<!--
// ランダムに背景色を変更する
bgc = new Array();
bgc[0] = "#999999";
bgc[1] = "#ff9999";
bgc[2] = "#ff0000";
bgc[3] = "#99ff99";
bgc[4] = "#9999ff";
bgc[5] = "#0000ff";
n = Math.floor(Math.random()*bgc.length);
document.bgColor = bgc[n]
//-->
</SCRIPT>
背景画像を変える時

説明
BODY>〜</BODY>に記す


<SCRIPT language="JavaScript">
<!--
// ランダムに背景画像を変更する
bgc = new Array();
bgc[0] = "url(bg1.gif)";
bgc[1] = "url(bg2.gif)";
bgc[2] = "url(bg3.gif)";
bgc[3] = "url(bg4.gif)";
n = Math.floor(Math.random()*bgc.length);
document.body.style.backgroundImage = bgc[n]
//-->
</SCRIPT>

*文章を一行ずつ表示する*
説明
<HEAD>この部分</HEAD>  に書き込んでください


<SCRIPT language="JavaScript">
<!--
// テキストを1行ずつ画面に表示する
itv = 500; // 表示する間隔(ミリ秒単位)
str = new Array();
// タグを入れる場合、「"」の前に「\」を付ける
str[0] = "サンプルサンプルサンプル";
str[1] = "<FONT color=\"#ff0000\">1行づつ表示しています。</FONT>";
str[2] = "<FONT color=\"#009900\">1行づつ表示しています。</FONT>";
str[3] = "<FONT color=\"#0000ff\">1行づつ表示しています。</FONT>";
str[4] = "<FONT color=\"#ff00ff\" size=\"1\">サンプルサンプルサンプル</FONT>";
str[5] = "<FONT color=\"#0099ff\" size=\"2\">サンプルサンプルサンプル</FONT>";
str[6] = "<FONT color=\"#ff9900\" size=\"3\">1行づつ表示しています。</FONT>";
str[7] = "<FONT color=\"#999999\" size=\"4\">1行づつ表示しています。</FONT>";
str[8] = "<FONT color=\"#cccccc\" size=\"5\">1行づつ表示しています。</FONT>";
str[9] = "出力を終了します。";
cnt = 0;
function setText() {
if (cnt >= str.length) return;
  txt = "";
  cnt++;
  for (i=0; i<cnt; i++) txt += str[i] + "<BR>";
  if (document.all) document.all["ID"].innerHTML = txt;
  setTimeout("setText()",itv);
}
//-->
</SCRIPT>

*ランダムに曲を流す*
<HEAD>この部分</HEAD>  に書き込んでください
mp3の場合は、midの部分をmp3に変えて下さい。


<title>BGMランダム再生</title>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">

<SCRIPT TYPE="text/javascript">
<!--

var music = new Array();
var name = new Array();
var volume = new Array();

music[0] = "*****.mid"; //space flignt
name[0] = "【 space flight 】 Midi by taitai studio";
volume[0] = "-1000";

music[1] = "*****.mid"; //Keep on running
name[1] = "【 Keep on running 】 Midi by taitai studio";
volume[1] = "-1000";

music[2] = "*****.mid"; //Earth
name[2] = "【 Earth 】 Midi by SAM Free Music";
volume[2] = "-1000";

music[3] = "*****.mid"; //バトル
name[3] = "【 Battle 】 Midi by SAM Free Music";
volume[3] = "-1000";

// MIDIはこちらからいただきました
// taitai studio → http://www.taitaistudio.com/
// SAM Free Music → http://samfree.miyakono.com/

var x = Math.floor(Math.random() * music.length);

document.write('<bgsound loop=\"infinite\" src=\"' + music[x] + '\" volume=\"' + volume[x] + '\">')
//-->
</SCRIPT>