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方法让超链接慢慢消失
Javascript 相关文章推荐
Javascript 入门基础学习
Mar 10 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 Javascript
jquery常用操作小结
Jul 21 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
javascript实现切割轮播效果
Nov 28 Javascript
JS原形与原型链深入详解
May 09 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 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
You might like
php 使用post,get的一种简洁方式
2010/04/25 PHP
PHP写杨辉三角实例代码
2011/07/17 PHP
window.location.hash 属性使用说明
2010/03/20 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
模板视图和AngularJS之间冲突的解决方法
2016/11/22 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
2017/05/12 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
vue+element项目中过滤输入框特殊字符小结
2019/08/07 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
初步理解Python进程的信号通讯
2015/04/09 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
python中set()函数简介及实例解析
2018/01/09 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
python系统指定文件的查找只输出目录下所有文件及文件夹
2020/01/19 Python
python中怎么表示空值
2020/06/19 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
动物科学专业毕业生的自我评价
2013/11/29 职场文书
学习新党章思想汇报
2014/01/09 职场文书
年度考核自我鉴定
2014/02/02 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
股东合作协议书
2014/04/14 职场文书
新教师培训心得体会
2014/09/02 职场文书
2015年助残日活动总结
2015/03/27 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书