本文介紹使用超鏈接調(diào)用javasript函數(shù)且不會影響GIF圖片動畫的方法,有遇到相同問題的小伙伴可以參考一下。
點擊超鏈接調(diào)用 JavaScript 函數(shù),一般人都用:
代碼如下:
<a href="javascript:function();">
但這有個缺點,就是點擊鏈接后,頁面上的GIF動畫將靜止。
試看如下代碼:
代碼如下:
<script type="text/javascript">
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="logo.gif" alt="GIF 動畫" />
<a href="javascript:Foo();">使 GIF 動畫靜止的鏈接</a>
解決方法探討:
代碼如下:
<a onclick="javascript:Foo();">鏈接</a>
此時不影響動畫顯示,但鼠標移上去后,鼠標及超鏈接樣式不發(fā)生變化,雖然可以利用樣式表來改變鼠標及超鏈接樣式,但畢竟有些繁瑣,況且這種思路也不好。
再考查如下代碼:
代碼如下:
<a onclick="javascript:Foo();" href="#">鏈接</a>
我們可以發(fā)現(xiàn),雖然點擊鏈接后不影響動畫顯示,但頁面總是滾到最上面,這種效果也不是我們想要的。
最終解決方法:
代碼如下:
<a onclick="javascript:Foo();return false;" href="#">不影響 GIF 的鏈接</a>
如果不考慮GIF圖片的問題,以上方法均可。