编程 Javascript

Jquery的hide及toggle方法让超链接慢慢消失

Posted in Javascript onSeptember 06, 2013

$(this).hide("slow");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>hello world</title> 
<script type="text/javascript" src="http://www.cssrain.cn/demo/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("a").click(function(){ 
$(this).hide("slow"); 
return false; 
}); 
}); 
</script> </head> 
<body> 
<a href="http://www.cssrain.cn"> 
Effects Module(效果模块) 
现在，只要你点击超链接，超链接就会慢慢的消失。 
“return false"表示保留默认行为，因此页面不会跳转。 
</a> 
<hr/> 
<a href="http://www.baidu.com">我也是一个段落文本,单击我也弹出hello world .---单击我</a> 
</body> 
</html>

3、点击text图片消失
Jquery的hide及toggle方法让超链接慢慢消失

Jquery的hide及toggle方法让超链接慢慢消失

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

csdn 论坛技术区平均给分功能

Nov 07 Javascript

Jquery.TreeView结合ASP.Net和数据库生成菜单导航条

Aug 27 Javascript

Javascript 多浏览器兼容总结(实战经验)

Oct 30 Javascript

理解javascript模块化

Mar 28 Javascript

js防阻塞加载的实现方法

Sep 09 Javascript

jQuery实现获取隐藏div高度的方法示例

Feb 09 Javascript

angularjs实现过滤并替换关键字小功能

Sep 19 Javascript

Vue 创建组件的两种方法小结(必看)

Feb 23 Javascript

ES6 Object.assign()的用法及其使用

Jan 18 Javascript

JavaScript数组排序功能简单实现

May 14 Javascript

Vue.js中使用Vuex实现组件数据共享案例

Jul 31 Javascript

vue 重塑数组之修改数组指定index的值操作

Aug 09 Javascript

JS远程获取网页源代码实例

Sep 05 #Javascript

JSON序列化与解析原生JS方法且IE6和chrome测试通过

Sep 05 #Javascript

HTML页面滚动时获取离页面顶部的距离2种实现方法

Sep 05 #Javascript

JavaScript移除数组元素减少长度的方法

Sep 05 #Javascript

js编码、解码函数介绍及其使用示例

Sep 05 #Javascript

Jquery中给animation加更多的运作效果实例

Sep 05 #Javascript

Jquery增加鼠标中间功能mousewheel的实例代码

Sep 05 #Javascript