リンクが跳ねて壊れるスクリプト 動作確認・実装例

リンクにマウスを乗っけると、かわいげに跳ねてくれます。(^^)
……が、かわいいものには裏がある。乗っけすぎると、落ちます。(笑

なお、この動作確認用HPで稼動しているスクリプトは「スペシャルバージョン」でして、 下のテキストエリアに数値をいれてボタンを押すことにより、落ちる確率が変動するようになっています
そのことを除けば、配布されているものと動作が一緒です。

動作確認

現在の確率 : 落ちる確率 :

実装例

色付きの部分が、実装に関してポイントとなります。 また、下のソースはこの動作確認ページと関係がありませんので、ご注意を。

ソースの例 (一部省略)


<html><head>
<title>実装例</title>
<script language="JScript" type="text/jscript" charset="shift_jis" src="jmpbreak.js"></script>
</head>
<body onLoad="jmpbreak();">
<ul>
<li><a href="page1.htm">ゼルダ</a></li>
<li><a href="page2.htm">トライフォース</a></li>
<li><a href="page3.htm">マスターソード</a></li>
<li><a href="page4.htm">リンク</a></li>
</ul>
</body></html>

▲このページのTOP▲