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代码
Dec 01 Javascript
javascript 同时在IE和FireFox获取KeyCode的代码
Feb 07 Javascript
编写自己的jQuery插件简单实现代码
Apr 19 Javascript
jQuery设置div一直在页面顶部显示的方法
Oct 24 Javascript
js检测网络是否具体连接功能的代码
May 23 Javascript
javascript中Array()数组函数详解
Aug 23 Javascript
半个小时学json(json传递示例)
Dec 25 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
详解Puppeteer 入门教程
May 09 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
小程序中的箭头函数的具体使用
Jun 19 Javascript
vue 避免变量赋值后双向绑定的操作
Nov 07 Javascript
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
解析PHP对现有搜索引擎的调用
2013/06/25 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
phplot生成图片类用法详解
2015/01/06 PHP
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
Angularjs 基础入门
2014/12/26 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
详解Nodejs基于mongoose模块的增删改查的操作
2016/12/21 NodeJs
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
vue mixins组件复用的几种方式(小结)
2017/09/06 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
AngularJS中重新加载当前路由页面的方法
2018/03/09 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
班级道德讲堂实施方案
2014/02/24 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
2014年单位植树节活动方案
2014/03/23 职场文书
拓展训练激励口号
2014/06/17 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
解决Pytorch中关于model.eval的问题
2021/05/22 Python
MySQL 百万级数据的4种查询优化方式
2021/06/07 MySQL