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 相关文章推荐
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
Jul 28 Javascript
babel基本使用详解
Feb 17 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
Vue中props的详解
May 16 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 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
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
PHP 字符串 小常识
2009/06/05 PHP
PHP将Excel导入数据库及数据库数据导出至Excel的方法
2015/06/24 PHP
PHP编程获取各个时间段具体时间的方法
2017/05/26 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
JQuery学习笔记 nt-child的使用
2011/01/17 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
2017/09/18 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
nodejs实现百度舆情接口应用示例
2020/02/07 NodeJs
基于javascript实现碰撞检测
2020/03/12 Javascript
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
python在控制台输出进度条的方法
2015/06/20 Python
Numpy中的mask的使用
2018/07/21 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
Python 导入文件过程图解
2019/10/15 Python
Tensorflow中tf.ConfigProto()的用法详解
2020/02/06 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
英国标准协会商店:BSI Shop
2019/02/25 全球购物
高二英语教学反思
2014/01/19 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
vue3如何优雅的实现移动端登录注册模块
2021/03/29 Vue.js
JavaScript 与 TypeScript之间的联系
2021/11/27 Javascript