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 相关文章推荐
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
js代码实现随机颜色的小方块
Jul 30 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
May 28 Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
基于bootstrop常用类总结(推荐)
Sep 11 Javascript
vue params、query传参使用详解
Sep 12 Javascript
详解Vue 换肤方案验证
Aug 28 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
react 路由Link配置详解
Nov 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
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
php环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
动手学习无线电
2021/03/10 无线电
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
浅析js封装和作用域
2013/07/09 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
2014/10/29 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
node-sass安装失败的原因与解决方法
2017/09/04 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
浅谈Vue.js组件(二)
2019/04/09 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
JS开发常用工具函数(小结)
2019/07/04 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
node.js中 redis 的安装和基本操作示例
2020/02/10 Javascript
Python实现基于HTTP文件传输实例
2014/11/08 Python
python输出决策树图形的例子
2019/08/09 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
python global和nonlocal用法解析
2020/02/03 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
python time.strptime格式化实例详解
2021/02/03 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
大专生自荐信
2013/10/04 职场文书
大学毕业生自荐书怎么写?
2014/01/06 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
学校安全责任书范本
2014/07/23 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
五好家庭申报材料
2014/12/20 职场文书
python使用matplotlib绘制图片时x轴的刻度处理
2021/08/30 Python