jQuery动画效果-slideUp slideDown上下滑动示例代码


Posted in Javascript onAugust 28, 2013
[code] 
<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").hover(function(){ 
$("div.content").slideUp(3000); 
},function(){ 
$("div.content").slideDown(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>

[/code]
Javascript 相关文章推荐
Js四则运算函数代码
Jul 21 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
jquery实现pager控件示例
Apr 09 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
DOM基础教程之事件类型
Jan 20 Javascript
js实现简单的验证码
Dec 25 Javascript
浅析在javascript中创建对象的各种模式
May 06 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
Nov 12 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
Feb 01 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 #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
You might like
快速配置PHPMyAdmin方法
2008/06/05 PHP
基于PHP CURL用法的深入分析
2013/06/09 PHP
js jquery数组介绍
2012/07/15 Javascript
鼠标滑过出现预览的大图提示效果
2014/02/26 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
JScript中的条件注释详解
2015/04/24 Javascript
javascript中动态函数用法实例分析
2015/05/14 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
Bootstrap Table快速完美搭建后台管理系统
2017/09/20 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python中文竖排显示的方法
2015/07/28 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
python使用wxpy轻松实现微信防撤回的方法
2019/02/21 Python
python 从list中随机取值的方法
2020/11/16 Python
CSS3 translate导致字体模糊的实例代码
2019/08/30 HTML / CSS
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
品学兼优的大学生自我评价
2013/09/20 职场文书
高级护理专业毕业生推荐信
2013/12/25 职场文书
幸福家庭事迹材料
2014/02/03 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
农业项目建议书
2014/08/25 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
MySQL中一条update语句是如何执行的
2022/03/16 MySQL