编程 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 相关文章推荐

一个对于js this关键字的问题

Jan 09 Javascript

JS操作数据库的实例代码

Oct 17 Javascript

使用js判断控件是否获得焦点

Jan 03 Javascript

FF IE浏览器修改标签透明度的方法

Jan 27 Javascript

js 获取元素下面所有li的两种方法

Apr 14 Javascript

javascript实现数组去重的多种方法

Mar 14 Javascript

微信小程序教程之小程序配置

Oct 17 Javascript

jquery获取并修改触发事件的DOM元素示例【基于target 属性】

Oct 10 jQuery

JS实现压缩上传图片base64长度功能

Dec 03 Javascript

Element的el-tree控件后台数据结构的生成以及方法的抽取

Mar 05 Javascript

小程序实现列表展开收起效果

Jul 29 Javascript

一文秒懂JavaScript构造函数、实例、原型对象以及原型链

Aug 25 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错误抑制符(@)导致引用传参失败Bug的分析

2011/05/02 PHP

解析php中的escape函数

2013/06/29 PHP

php统计文章排行示例

2014/03/04 PHP

php导入大量数据到mysql性能优化技巧

2014/12/29 PHP

织梦sitemap地图实时推送给百度的教程

2015/08/03 PHP

PHP的Socket网络编程入门指引

2015/08/11 PHP

php编程每天必学之验证码

2016/03/03 PHP

CI框架整合smarty步骤详解

2016/05/19 PHP

thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法

2016/05/19 PHP

javascript显示选择目录对话框的代码

2008/11/10 Javascript

JavaScript 利用Cookie记录用户登录信息

2009/12/08 Javascript

JavaScript实现两个Table固定表头根据页面大小自行调整

2014/01/03 Javascript

node.js中的fs.unlink方法使用说明

2014/12/15 Javascript

javascript中caller和callee详解

2015/08/10 Javascript

javascript实现仿百度图片的瀑布流加载效果

2016/04/20 Javascript

javascript鼠标滑过显示二级菜单特效

2020/11/18 Javascript

babel基本使用详解

2017/02/17 Javascript

使用Node.js搭建静态资源服务详细教程

2017/08/02 Javascript

jQuery进阶实践之利用最优雅的方式如何写ajax请求

2017/12/20 jQuery

JavaScript中Object值合并方法详解

2017/12/22 Javascript

微信小程序tabBar设置实例解析

2019/11/14 Javascript

跟老齐学Python之用while来循环

2014/10/02 Python

Python之Web框架Django项目搭建全过程

2017/05/02 Python

Python决策树分类算法学习

2017/12/22 Python

Python3 实现随机生成一组不重复数并按行写入文件

2018/04/09 Python

python 元组的使用方法

2020/06/09 Python

python Timer 类使用介绍

2020/12/28 Python

CSS3 Backgrounds属性相关介绍

2011/05/11 HTML / CSS

国际象棋商店：The Chess Store

2018/07/09 全球购物

过滤器的用法

2013/10/08 面试题

舞蹈兴趣小组活动总结

2014/07/07 职场文书

党员对照检查材料思想汇报

2014/09/16 职场文书

党的群众路线教育实践活动对照检查材料（教师）

2014/09/24 职场文书

2015年重阳节活动主持词

2015/07/30 职场文书

小学语文教师研修日志

2015/11/13 职场文书

TypeScript中条件类型精读与实践记录

2021/10/05 Javascript