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 相关文章推荐
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
自己动手制作jquery插件之自动添加删除行的实现
Oct 13 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
JS动态修改图片的URL(src)的方法
Apr 01 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
前端jquery部分很精彩
May 03 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
jQuery Ajax全解析
Feb 13 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
Sep 10 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的栏目导航程序
2006/10/09 PHP
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
从性能方面考虑PHP下载远程文件的3种方法
2015/12/29 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
javascript定时器完整实例
2015/02/10 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
Windows下搭建python开发环境详细步骤
2020/07/20 Python
python 获取当天每个准点时间戳的实例
2018/05/22 Python
Python通用函数实现数组计算的方法
2019/06/13 Python
python中对数据进行各种排序的方法
2019/07/02 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
德国足球商店:OUTFITTER
2019/05/06 全球购物
毕业实习个人鉴定范文
2013/12/10 职场文书
销售主管岗位职责
2014/02/08 职场文书
消防先进事迹材料
2014/02/10 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
上海世博会口号
2014/06/19 职场文书
小学生民族团结演讲稿
2014/08/27 职场文书
维稳工作承诺书
2015/01/20 职场文书
个人年终总结结尾
2015/03/06 职场文书
学校国庆节活动总结
2015/03/23 职场文书
业务员岗位职责范本
2015/04/03 职场文书