编程 Javascript

Jquery 滑入滑出效果实现代码

Posted in Javascript onMarch 27, 2010

CSS

<style type="text/css"> 
#divD{ 
width:300px; 
height:100px; 
background-color:#CC99FF; 
} 
</style>

Jquery代码

<script type="text/javascript" src="bg/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#btnFadein").bind("click",Fadein); //为btnFadein绑定click时间 
$("#btnFadeout").bind("click",Fadeout); //为btnFadeout绑定click时间 
}) function Fadein(){ 
$("#divD").slideDown("slow"); //滑入 
} 
function Fadeout(){ 
$("#divD").slideUp("slow"); //滑出 
} 
</script>

HTML

<body> 
<input type="button" value="滑入" id="btnFadein" /> 
<input type="button" value="滑出" id="btnFadeout"/> 
<div id="divD">这是div</div> 
DIV 
</body>

O(∩_∩)O每天进步一点点O(∩_∩)O 该BLOG供个人记录学习笔记，如有错误欢迎指出！

Jquery 滑入滑出效果实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式（六）

Apr 07 Javascript

jquery选择器、属性设置用法经验总结

Sep 08 Javascript

AngularJS入门教程（零）：引导程序

Dec 06 Javascript

js脚本分页代码分享（7种样式）

Aug 19 Javascript

js实现楼层效果的简单实例

Jul 15 Javascript

AngularJS ngModel实现指令与输入直接的数据通信

Sep 21 Javascript

关于验证码在IE中不刷新的快速解决方法

Sep 23 Javascript

重新理解JavaScript的六种继承方式

Mar 24 Javascript

深入浅出理解JavaScript闭包的功能与用法

Aug 01 Javascript

js比较两个单独的数组或对象是否相等的实例代码

Apr 28 Javascript

vue实现PC端录音功能的实例代码

Jun 05 Javascript

JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

Nov 10 Javascript

Jquery ajax不能解析json对象，报Invalid JSON错误的原因和解决方法

Mar 27 #Javascript

javascript sudoku 数独智力游戏生成代码

Mar 27 #Javascript

Javascript 函数中的参数使用分析

Mar 27 #Javascript

js几个验证函数代码

Mar 25 #Javascript

Firefox下提示illegal character并出现乱码的原因

Mar 25 #Javascript

JavaScript setTimeout和setInterval的使用方法说明

Mar 25 #Javascript

JavaScript 学习初步入门教程

Mar 25 #Javascript

You might like

PHP删除数组中特定元素的两种方法

2013/07/02 PHP

PHP实现根据浏览器跳转不同语言页面代码

2013/08/02 PHP

php实现微信公众平台账号自定义菜单类

2015/10/11 PHP

详解WordPress中给链接添加查询字符串的方法

2015/12/18 PHP

javascript 获取表单file全路径

2009/12/31 Javascript

通过javascript的匿名函数来分析几段简单有趣的代码

2010/06/29 Javascript

Extjs优化(一)删除冗余代码提高运行速度

2013/04/15 Javascript

Express作者TJ告别Node.js奔向Go

2014/07/14 Javascript

JavaScript数据库TaffyDB用法实例分析

2015/07/27 Javascript

javaScript实现可缩放的显示区效果代码

2015/10/26 Javascript

javascript Promise简单学习使用方法小结

2016/05/17 Javascript

JavaScript蒙板(model)功能的简单实现代码

2016/08/04 Javascript

vue2.0开发实践总结之入门篇

2016/12/06 Javascript

jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例

2017/01/30 Javascript

深入理解node.js之path模块

2017/05/03 Javascript

JSX在render函数中的应用详解

2019/09/04 Javascript

基于Layui自定义模块的使用方法详解

2019/09/14 Javascript

推荐几个不错的console调试技巧实现

2019/12/20 Javascript

jQuery实现移动端图片上传预览组件的方法分析

2020/05/01 jQuery

vue路由切换时取消之前的所有请求操作

2020/09/01 Javascript

JavaScript 如何计算文本的行数的实现

2020/09/14 Javascript

小程序自定义弹框效果

2020/11/16 Javascript

[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17

2018/08/20 DOTA

Python中的Classes和Metaclasses详解

2015/04/02 Python

实例讲解Python编程中@property装饰器的用法

2016/06/20 Python

Pandas DataFrame中的tuple元素遍历的实现

2019/10/23 Python

python隐藏类中属性的3种实现方法

2019/12/19 Python

CSS3 clip-path 用法介绍详解

2018/03/01 HTML / CSS

市三好学生主要事迹

2014/01/28 职场文书

机动车登记业务委托书

2014/10/08 职场文书

2015年农村党员干部主题教育活动总结

2015/03/25 职场文书

储备店长岗位职责

2015/04/14 职场文书

课改心得体会范文

2016/01/25 职场文书

爱岗敬业事迹材料

2019/06/20 职场文书

导游词之江苏溱潼古镇

2019/11/27 职场文书

Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶

2021/10/16 Python