本文介绍使用超链接调用 javasript 函数且不会影响 GIF 图片动画的方法,有遇到相同问题的小伙伴可以参考一下。
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
点击超链接调用 JavaScript 函数,一般人都用:
- <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>
此时不影响动画显示,但鼠标移上去后,鼠标及超链接样式不发生变化,虽然可以利用样式表来改变鼠标及超链接样式,但毕竟有些繁琐,况且这种思路也不好。
再考查如下代码:
- <a onclick="javascript:Foo();" href="#">
- 链接
- </a>
我们可以发现,虽然点击链接后不影响动画显示,但页面总是滚到最上面,这种效果也不是我们想要的。
最终解决方法:
- <a onclick="javascript:Foo();return false;" href="#">
- 不影响 GIF 的链接
- </a>
如果不考虑 GIF 图片的问题,以上方法均可。
来源: http://www.phperz.com/article/17/0301/265542.html