宮の弩師

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

【2024/05/07 06:48 】 |

ひとつお遊び

ホームページをぷらぷらしていると「とほほのWWW入門」で面白い記事を見つけ
ました。

右クリックをぽちっとな。

なんて事は無い、ポップアップメニューを書き換えただけなのですが、
結構便利だと思いません？
ちなみにInternet Explorer6.0で動作確認を取っていますが、
そのほかのブラウザではどうでしょうかねぇ。
ホームページにもブログにも取り込むことができるので、皆さんもやってみては？

HTMLのヘッド部分に以下の内容を書いてください。
ちなみにポップアップメニューの内容は「popupmenu.innerHTML」の箇所に設定します。
分かる方は書き換えてみてください。＾＾
（ヘッド）
<script language="JScript">
<!--
document.oncontextmenu = OnRightButton;
document.onclick = OnLeftButton;

function OnRightButton() {
    popupmenu.style.top = document.body.scrollTop? document.body.scrollTop: document.documentElement.scrollTop + event.y;
    popupmenu.style.left = document.body.scrollLeft? document.body.scrollLeft: document.documentElement.scrollLeft + event.x;popupmenu.innerHTML =
        "<div><strong>（お気に入りリンク集）</strong></div>"
      + "<div><a class='mi' href='http://soramoyoh.blog60.fc2.com/'>上を向いて。。</a></div>"
      + "<div><a class='mi' href='http://makkatinn.blog4.fc2.com/'>ﾏｯｶﾁﾝのまったりﾒｲﾌﾟﾙ！？</a></div>"
      + "<div><a class='mi' href='http://menchi.blog67.fc2.com/'>サクッとおいしいメンチカツ</a></div>"
      + "<br><div><strong>（お役立ちリンク集）</strong></div>"
      + "<div><a class='mi' href='http://maplestory.nexon.co.jp/'>（公式）MapleStory日本公式 </a></div>"
      + "<div><a class='mi' href='http://yui.s55.xrea.com/'>（育成）めいぽ同盟</a></div>"
      + "<div><a class='mi' href='http://maplestory.netgamers.jp/'>（情報）メイプルの雫</a></div>"
      + "<div><a class='mi' href='http://www.water.sannet.ne.jp/harrys/maplestyle/'>（情報）日本的楓故事</a></div>"
      + "<div><a class='mi' href='http://dp59002932.lolipop.jp/mdb/'>（生物）MapleMonster DataBase</a></div>"
      + "<div><a class='mi' href='http://mp.xrea.jp/'>（探求）MaplePlus</a></div>"
      + "<div><a class='mi' href='http://result.s41.xrea.com/'>（地図）MapleStory Maps.</a></div>"
      + "<div><a class='mi' href='http://maipo.ndap.jp/'>（予報）めいぽ予報</a></div>"
      + "<div><a class='mi' href='http://tarchia.run.buttobi.net/'>（相場）Tarchia's Shop</a></div>"
      + "<div><a class='mi' href='http://mokatwin.orz.hm/maplestory_toybox/'>（序列）MAPLE STORYのおもちゃ箱</a></div>"
      + "<div><a class='mi' href='http://fun.poosan.net/psytou/'>（弓師）理想は現実の墓</a></div>"
      + "<div><a class='mi' href='http://kenagumi.client.jp/'>（弓師）まったりめいぽ人生</a></div>"
      + "<div><a class='mi' href='http://www.usamimi.info/~hana/'>（弓師）華鳥風月</a></div>"
      + "<div><a class='mi' href='http://www.geocities.jp/maple_note_delicious/'>（弩師）MAPLENOTE</a></div>"
      + "<div><a class='mi' href='http://sabu6.jog.buttobi.net/'>（弩師）弩師缶</a></div>"
    if (popupmenu.style.width < 200) {
        popupmenu.style.width = 200;
    }
    popupmenu.style.visibility = "visible";
    return false;
}

function OnLeftButton() {
popupmenu.style.visibility = "hidden";
return true;
}
// -->
</script>

スタイルシートに以下の内容を書いてください。
知識がある片は色とかフォントサイズとか変えてみてくださいね。
<style type="text/css">

</style>