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 相关文章推荐
让table变成exls的示例代码
Mar 24 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
Angular2入门--架构总览
Mar 29 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
Vue实现图片与文字混输效果
Dec 04 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 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中MD5函数使用实例代码
2008/06/07 PHP
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
2009/06/08 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
2010/06/21 Javascript
JavaScript中用于生成随机数的Math.random()方法
2015/06/15 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
Bootstrap每天必学之折叠(Collapse)插件
2016/04/25 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python数据结构与算法之图结构(Graph)实例分析
2017/09/05 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
Python进行特征提取的示例代码
2020/10/15 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
上海期货面试题
2014/01/31 面试题
办公室文秘自我评价
2013/09/21 职场文书
经典导游欢迎词大全
2014/01/16 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
遗愿清单观后感
2015/06/09 职场文书
锦旗赠语
2015/06/23 职场文书
2019暑假学生安全口号
2019/06/27 职场文书
浅谈如何提高PHP代码质量之端到端集成测试
2021/05/28 PHP
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
深入理解go slice结构
2021/09/15 Golang