jQuery动画效果-fadeIn fadeOut淡入浅出示例代码


Posted in Javascript onAugust 28, 2013
<html> 
<head> 
<meta charset="utf-8"/> 
<style> 
*{ margin:0; padding:0;} 
body{font-size:15px;} 
#container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} 
.head{ background:#999; padding:5px; cursor:pointer;} 
.content{ text-indent:15px;} 
</style> 
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script> 
<script> 
$(function(){ 
$("h5.head").toggle(function(){ 
$("div.content").fadeOut(3000); 
},function(){ 
$("div.content").fadeIn(3000); 
}); 
}) 
</script> 
</head> 
<body> 
<div id="container"> 
<h5 class="head">什么是jQuery?</h5> 
<div class="content"> 
JQuery是继prototype原型之后又一个javascript库,他凭借简单的代码和完善的浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,加大的简化了javascript开发人员的工作。 
</div> 
</div> 
</body> 
</html>
Javascript 相关文章推荐
javascript 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
人人网javascript面试题 可以提前实现下
Jan 05 Javascript
AngularJs 指令详解及示例代码
Sep 01 Javascript
JavaScript函数基础详解
Feb 03 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
Jul 16 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
Vue组件之自定义事件的功能图解
Feb 01 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 #Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 #Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 #Javascript
ExtJS DOM元素操作经验分享
Aug 28 #Javascript
地址栏传递中文参数乱码在js里用escape转码
Aug 28 #Javascript
在JavaScript中实现类的方式探讨
Aug 28 #Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 #Javascript
You might like
一个MYSQL操作类
2006/11/16 PHP
php学习之运算符相关概念
2011/06/09 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
PHP调用其他文件中的类
2018/04/02 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
jQuery示例收集
2010/11/05 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
关于js里的this关键字的理解
2015/08/17 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
js实现复选框的全选和取消全选效果
2017/01/03 Javascript
node+vue实现用户注册和头像上传的实例代码
2017/07/20 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
2018/12/10 jQuery
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
JS实现随机点名器
2020/04/12 Javascript
js实现缓动动画
2020/11/25 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
python实现比对美团接口返回数据和本地mongo数据是否一致示例
2019/08/09 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
django在开发中取消外键约束的实现
2020/05/20 Python
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
机电专业毕业生求职信
2014/07/01 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
cf战队宣传语
2015/07/13 职场文书
小学体育教学随笔
2015/08/14 职场文书
详解Python内置模块Collections
2022/03/22 Python