ここにあったいくつかのJavaScriptは専用ページへ移動しました
| 説明 | HTML | ||
| IE5以降からの新しい技です。 スクロールバーの色をつける事ができます(^^)v スタイルシートと呼ばれるものでっせ! ちなみにここのページでも使ってまつ ここは <style type="text/css"><!-- BODY{ scrollbar-shadow-color:white; scrollbar-face-color:black; scrollbar-Highlight-Color:cyan; scrollbar-arrow-color:white; }--></STYLE> 大文字小文字の区別は、ないよ〜ん! |
<style type="text/css"> <!-- body{ scrollbar-arrow-color :#XXXXXX; scrollbar-base-color :#XXXXXX; scrollbar-dark-shadow-color :#XXXXXX; scrollbar-face-color :#XXXXXX; scrollbar-highlight-color :#XXXXXX; scrollbar-shadow-color :#XXXXXX; scrollbar-3d-light-color :#XXXXXX; }--></style> XXXXXXはカラーコードです。 16進数で、書き込んでください。 (絶対ではないです。カラーネームでもOK) scrollbar- を上から順番に・・ @ 上下に付く▲や▼の色 A 枠の色 B こいつも影の色(あまり影響(表示)しない) C ベースになる色。バー自体の色。 D 全体の影の色(スクロールバーのあまり(?)部分) E 上下に付く▲や▼の色(スクロールバーが表示しない時) F 影の色(あまり影響(表示)しない) |
||
|
リンクされた所にポイントをあわせると説明などの文字がでます。(このHTMLがめちゃ好評、試してね!) |
<A HREF="○○.html" title="イイ"></A> |
||
| サイト移転時によく見る例のアレ 自動(強制?)的に任意のURLへLINKさせます。 サイト移転時のお供に・・・ |
<META http-equiv="refresh" content="14;url=LINK先URL"> ※METAタグなので、<HEAD>のすぐ下に挿入する事 [14]とは、14秒後にという事。 LINK先URLは http://〜 でも、相対パスでもOK |
||
|
開いているページはそのままで指定したページを別ウィンドウで開きます。全てのページにこれを入れると次々と新しいウィンドウが開くので多用は避けましょう。 |
<a href="LINK先URL" TARGET="_blank"></a> |
||
|
左から右に指定されたメッセージが繰り返し流れます。 |
<marquee width=30% bgcolor=ffffff>枠の中で文字が右から左方向へ出てきます。永々に繰り返し(-^〇^-)
ハハハハ</marquee> |
||
|
こちらは下から上にメッセージが流れます。この"up"を"down"にすると上から下にメッセージが流れます。 |
<marquee behavior="scroll" direction="up" WIDTH="60" scrolldelay="90" scrollamount="2">アイコン<BR>だよ〜ん<BR>♪★☆★<BR></marquee>
<marquee behavior="scroll" direction="down" WIDTH="60" scrolldelay="90" scrollamount="2">アイコン<BR>だよ〜ん<BR>♪★☆★<BR></marquee> |
||
|
検索されたくないページがある場合は、ロボットMETAタグを検索されたくないページの<HEAD>〜</HEAD>の間に書きます。 |
<HEAD><META NAME="ROBOTS" CONTENT="NOINDEX"></HEAD> |
||
|
クリックでウィンドウが閉じます。この「閉じる」は好きな文字に変えられます。 |
<input type="button" value="閉じる" onClick="window.close();" |
||
| 最近よく「POPUPウインドウ」を見かけます。 「XXX参加中」とか、「XXXよろしく!」ってヤツ。 出してる方は良いが、閲覧者は結構イヤなもである。 サブウインドウなど表示した時「自動で閉じる」ようにできる。 |
<BODY onblur="window.close(10);"> 上記では10秒後に閉じるclose(10) サブウインドウ側のBODYタグを編集。 |
||
|
インラインフレームと言ってサイト内にフレームで区切らずに別のサイトを出す事ができます。ただしフレームに対応していないのもあるので<iframe>〜</iframe> の間に対応していないブラウザのためのメッセージを書いた方が親切です。 frameborder=0(枠線なし)1(枠線あり)を指定したりbordercolor=Red(赤)と枠線の色も指定できます。スクロールバーもscrolling=yes(あり)no(なし)auto(自動:おまかせ)と指定する事もできます。 |
<iframe src="表示先URL" height=高さ width=横幅>対応していないブラウザのためのメッセージ</iframe> 例:<iframe src="abc.html" height=50 width=200 frameborder=1 bordercolor=red scrolling=no>メッセージ</iframe> |
||
| 右クリック防止です。(簡易タイプ) ある方法で簡単に解除できちゃいまつ 防止したところで、意味がありませんが、画像をパクリたがる人が多いので… 左&右同時押しやCtrl(コントロール)キーを使っての右クリ動作と同じ機能もシャットアウト。 ネットスケープにも対応 |
<SCRIPT
language="JavaScript"> <!-- function notes(eve){ if(document.all){ if(event.button == 2){ alert("エラー 右クリックできません"); return false; } } if(document.layers){ if(eve.which == 3){ alert("エラー 右クリックできません"); return false; } } } if(document.layers)document.captureEvents(Event.MOUSEDOWN); document.onmousedown=notes; //--> </SCRIPT> |
||
| 右クリック防止です。(強化タイプ) 防止したところで、意味がありませんが、知りたがる人が多いので・・・(^^; 左&右同時押しやCtrl(コントロール)キーを使っての右クリ動作と同じ機能もシャットアウト。 ネットスケープにも対応 |
<SCRIPT language="JavaScript"> <!-- var rclickmsg ="エラー\n右クリックできません(^^;" var ie=!!document.all var n4=!!document.layers var gk=(navigator.userAgent.match(/Gecko/i)!=null) function mousedown(e){ if(navigator.platform.indexOf("Mac")!=-1){ if((ie&&event.ctrlKey)||((n4||gk)&&e.modifiers==2)){ alert(rclickmsg) return false } }else{ if(ie){ e=event if(e.button>=2){ if(event.type=="mouseup"){document.body.createTextRange().select()} alert(rclickmsg) return false } }else{ if(n4||gk){ if(e.which==3){ alert(rclickmsg) return false } } } } } function keydown(){ if(ie){ if(event.keyCode==93){alert(rclickmsg)} if(event.shiftKey&&event.keyCode==121){alert(rclickmsg)} } } if(n4){ document.captureEvents(Event.MOUSEDOWN) } document.onkeydown=keydown document.onmousedown=mousedown document.onmouseup=mousedown //--> </SCRIPT> 文章の改行は\nです。HTMLで言うところの<BR>と同じ役目をします。 |
||
| LINKの上にポインタがのると音が出る。 これは、ちょっとビックリするんじゃない? 鳴らすのはWAVだから、あまり重いWAVだと迷惑なので注意。 (ネスケやMacにも対応できるぽい(^^;) |
<SCRIPT Language="JavaScript"> <!-- NS = navigator.appName.charAt(0) == "N"; IE = navigator.appName.charAt(0) == "M"; MAC = navigator.userAgent.indexOf("Mac") >= 0; loadFlag = false; function playSnd(sndID,snd) { if (loadFlag && IE && !MAC) document.all[sndID].src = snd+".wav"; if (loadFlag && NS) { document[snd].stop();document[snd].play(true); } } // --> </SCRIPT> <BGSOUND SRC="" ID="SND"> <EMBED SRC="a.wav" NAME="a" hidden="TRUE" MASTERSOUND AUTOSTART="false"> <A href="../top.html"onMouseover='playSnd("SND","a")'>見本</A> 編集箇所 <A href="../top.html" onMouseover='playSnd("SND","a")'>見本</A> 音を出したいLINKタグに追加 画像にも可能。通常の画像LINKに青文字部分を追加するだけです。 <BODY onLoad="loadFlag=true"> BODYタグに追加 鳴らしたいWAVをa.wavにファイル名を変更して、 タグを挿入したページと同じフォルダに転送。 その他 鳴らす音(WAV)を増やしたり、音源をMIDIなど変更可能。 また、ロールオーバーなどの技も併用可能です。 適当にいじくってみてください(^^; |
||
| お気に入り(ブックマーク)への追加ボタンです。 いらんお世話なボタンですが、追加したい人には楽チンな機能(^^; |
<SCRIPT language="JavaScript"> <!-- addURL = "http://アドレス"; addName = "ページネーム"; document.write('<INPUT type="button" value="お気に入りに追加" onClick="window.external.AddFavorite(addURL,addName)">'); //--> </SCRIPT> |