但這有個缺點(diǎn),就是點(diǎn)擊鏈接后,頁面上的GIF動畫將靜止。
試看如下代碼:
<script language="javascript">
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="http://****/logo.gif">
<a href="javascript:Foo();">使GIF動畫靜止的鏈接</a>
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="http://****/logo.gif">
<a href="javascript:Foo();">使GIF動畫靜止的鏈接</a>
解決方法探討:
<a onclick="javascript:Foo();">鏈接</a>
此時不影響動畫顯示,但鼠標(biāo)移上去后,鼠標(biāo)及超鏈接樣式不發(fā)生變化,雖然可以利用樣式表來改變鼠標(biāo)及超鏈接樣式,但畢竟有些繁瑣,況且這種思路也不好。
再考查如下代碼:
<a onclick="javascript:Foo();" href="#">鏈接</a>
我們可以發(fā)現(xiàn),雖然點(diǎn)擊鏈接后不影響動畫顯示,但頁面總是滾到最上面,這種效果也不是我們想要的。
最終解決方法:
<a onclick="javascript:Foo(); return false;" href="#">不影響GIF的鏈接</a>
由于點(diǎn)接鏈接后,先觸發(fā)onclick,再執(zhí)行href屬性對應(yīng)的值,在onclick中加上return false;中斷了執(zhí)行,所以頁面就不會跳到最上部了。