管理用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=リンク
リンクに触れたら下線が出る <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;} --> --> |
右のスクロールのようになる→ |
|
|
|
| *横棒線の色を変える* | |
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"にする事で線状になります |
説明 <body> 〜 </body> の間に記述してください |
| src="***.mid" | MIDIのある場所、***にファイル名を指定します |
| width=幅 height=高さ | widthはパネルの表示幅、heightは高さで、ピクセルで指定します |
| type="audio/midi" | midi フォーマット |
| 「LOOP」 ・ 「REPEAT」 | 繰り返し演奏の指定 無限:true 1回:false 回数指定:整数値 |
| 「AUTOSTART」 | 自動再生するか否か する:true しない:false |
| *背景画像の位置を決めて置く* | |||||||||||||
|
説明 <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> のお好きなところに記述して下さい |
↑マウスを乗せてみて下さい |
||||||||||||||||
| *リンクに触れて時に、マウスの形が変わる* | |
| </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> |
|