ハイパーリンクをクリックしてJavaScript関数を呼び出します。ほとんどの人は以下を使用します。
次のようにコードをコピーします。<a href = "javascript:function();">
しかし、これには欠点があります。つまり、リンクをクリックした後、ページ上のGIFアニメーションは静止します。
次のコードを試してください。
次のようにコードをコピーします。<script type = "text/javascript">
<! -
functionfoo()
{
//何かをします
}
//->
</script>
<img src = "logo.gif" />
<a href = "javascript:foo();"> gifアニメーションをまだ作成するリンク</a>
ソリューションディスカッション:
次のようにコードをコピーします
今回は、アニメーションディスプレイは影響を受けませんが、マウスが上昇した後、マウスとハイパーリンクのスタイルは変わりません。スタイルシートは、マウスとハイパーリンクのスタイルを変更するために使用できますが、結局少し面倒で、このアイデアは良くありません。
次のコードをもう一度確認してください。
次のようにコードをコピーします。<onclick = "javascript:foo();" href = "#"> link </a>
リンクをクリックしてもアニメーションディスプレイには影響しないが、ページは常に上部にスクロールすることがわかります。この効果は必要なものではありません。
最終的な解決策:
次のようにコードをコピーします。 href = "#">は、gif </a>のリンクに影響しません
GIF画像の問題を考慮しない場合、上記の方法はすべて問題ありません。