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 计算两个整数的百分比值
Dec 26 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
js精度溢出解决方案
Dec 02 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
Vue.js展示AJAX数据简单示例讲解
Mar 29 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
uni-app如何页面传参数的几种方法总结
Apr 28 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 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
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
利用static实现表格的颜色隔行显示
2006/10/09 PHP
MySQL相关说明
2007/01/15 PHP
PHP中文汉字验证码
2007/04/08 PHP
抓取YAHOO股票报价的类
2009/05/15 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
php检测图片主要颜色的方法
2015/07/01 PHP
jquery创建div 实现代码
2009/04/27 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
2015/03/27 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
详解node.js 事件循环
2020/07/22 Javascript
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
Python的互斥锁与信号量详解
2019/09/12 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Pytorch在NLP中的简单应用详解
2020/01/08 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
仓库主管的岗位职责
2013/12/04 职场文书
给同事的道歉信
2014/01/11 职场文书
优秀食品类广告词
2014/03/19 职场文书
个人公开承诺书
2014/03/28 职场文书
啦啦队口号大全
2014/06/16 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
Redis实现分布式锁的五种方法详解
2022/06/14 Redis