メニューを表示することで右クリック禁止を実行する
★「右クリック禁止です」 というアラートを出すより この方がスマートかもしれません★
右クリックしてみてね 出たメニューはちゃんとリンク先に飛びます
左クリックで消えます
JavaScript
JSゲストブック
ご利用規約
メインBBS
ポエム
Back
 |
以下のタグをコピーしてね ネットスケープでは使えません m(__)m
タグは全部｢クリップボードにコピーするボタン｣でコピーできるから
あとはそのままエディタ(メモ帳等)に貼って HTMLで保存してね
|
|
↓この下の｢ソースをクリップボードにコピーするボタン｣で全コピー |
|
<![CDATA[
<html>
<head>
<title>メニューで右クリック禁止_ako's cyberpage_</title>
<META http-equiv="Content-Type" content="text/html; charset=x-sjis">
<!---ako's cyberpage：http://myako.net/---->
<Style TYPE="text/css">
<!--
.akom0 {
position:absolute;
text-align:left;
width:230px;
border:3px;
background-color:menu;
line-height:36px;
visibility:hidden
}
.akom1 {
cursor:hand;
font:menutext;
position:absolute;
text-align:left;
font-size: 10pt;
width:160px;
background-color:pink;//メニューのバック色です 好きな色を入れてね
border:1 solid buttonface;
visibility:hidden;
border:2 outset buttonhighlight
}
.akomk {
padding-left:16px;
padding-right:12px;
z-index:1}
//--->
</Style>
<script language="JavaScript">
<!---
var akomenu = "akom1";
function deru() {
var migi = document.body.clientWidth-event.clientX;
var sita = document.body.clientHeight-event.clientY;
if (migi < AM.offsetWidth){
AM.style.left = document.body.scrollLeft + event.clientX - AM.offsetWidth;
} else {
AM.style.left = document.body.scrollLeft + event.clientX;
}
if (sita < AM.offsetHeight){
AM.style.top = document.body.scrollTop + event.clientY - AM.offsetHeight;
} else {
AM.style.top = document.body.scrollTop + event.clientY;
AM.style.visibility = "visible";
}
return false;
}
function akomenu2() {
AM.style.visibility = "hidden";
}
function scol() {
if (event.srcElement.className == "akomk") {
event.srcElement.style.backgroundColor = "#ffff00";
//カーソルをもっていったときの文字のバック色 好きに変えてね
event.srcElement.style.color = "green";
//カーソルをもっていったときの文字色 好きに変えてね
}
}
function ocol() {
if (event.srcElement.className == "akomk") {
event.srcElement.style.backgroundColor = "ivory";
//カーソルを放したときの文字のバック色 好きに変えてね
event.srcElement.style.color = "red";
//カーソルを放したときの文字色 好きに変えてね
window.status = "";
}
}
function tu() {
if (event.srcElement.className == "akomk") {
if (event.srcElement.getAttribute("target") != null){
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
} else {
window.location = event.srcElement.url;
}
}
}
//--->
</script>
</head>
<body>
<div id="AM" class="akom0" onmouseover="scol()" onMouseout="ocol()" onClick="tu();">
<!--以下 ご自分のお好きなURLに書き換えてね-->
<div class="akomk" url="http://myako.net/youkoso3.html" target=_blank>Menu一覧</div>
<div class="akomk" url="http://myako.net/key.html" target=_blank>ワンタッチMenu</div>
<div class="akomk" url="http://myako.net/java/javanew.cgi" target=_blank>JS新着1</div>
<div class="akomk" url="http://myako.net/java/javanew2.cgi" target=_blank>JS新着2</div>
<div class="akomk" url="http://myako.net/java/jsguest.cgi" target=_blank>JSゲストブック</div>
<div class="akomk" url="http://myako.net/java/jsfaq.cgi" target=_blank>JS FAQ</div>
<div class="akomk" url="http://myako.net/free/down.cgi" target=_blank>JS DL</div>
<div class="akomk" url="http://myako.net/java/javab.html" target=_blank>他JS一覧</div>
<div class="akomk" url="http://myako.net/java/kiyaku.html" target=_blankk>ご利用規約</div>
<div class="akomk" url="http://myako.net/" target=_top>Back</div>
</div>
<!--他いくつでも増やしてください-->
<!--上記URLを書き換えたあと 以下スクリプトは必ず入れてください-->
<script language="JavaScript">
<!--
if (document.all && window.print) {
AM.className = akomenu;
document.oncontextmenu = deru;
document.body.onclick = akomenu2;
}
//-->
</script>
右クリックしてみてね
<div align="right"><right><br>
<a href=http://myako.net/ target=_top>ako's cyberpage</a><br>
</right></div><br>
</body></html>]]>
|
|
|