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 相关文章推荐
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
Jquery Mobile 自定义按钮图标
Nov 18 Javascript
理解javascript异步编程
Jan 27 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
PHP递归调用数组值并用其执行指定函数的方法
2015/04/01 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
Javascript实现的分页函数
2006/12/22 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
checkbox使用示例
2013/08/23 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
2014/12/17 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
Python 多线程实例详解
2017/03/25 Python
python爬虫租房信息在地图上显示的方法
2019/05/13 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
django中间键重定向实例方法
2019/11/10 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)
2020/02/20 Python
使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
2013/01/23 HTML / CSS
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
项目专员岗位职责
2013/12/04 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
2014自荐信的写作技巧
2014/01/28 职场文书
《散步》教学反思
2014/03/02 职场文书
员工试用期自我评价
2014/09/18 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
2014年共青团工作总结
2014/12/10 职场文书
给老师的感谢信
2015/01/20 职场文书
荆州古城导游词
2015/02/06 职场文书
拾金不昧表扬稿大全
2015/05/05 职场文书
永远是春天观后感
2015/06/12 职场文书
linux中nohup和后台运行进程查看及终止
2021/06/24 Python