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

greybox——不开新窗口看新的网页

Feb 20 Javascript

JavaScript 继承机制的实现(待续)

May 18 Javascript

从零开始学习jQuery (六) jquery中的AJAX使用

Feb 23 Javascript

JavaScript splice()方法详解

Sep 22 Javascript

jQuery.event兼容各浏览器的event详细解析

Dec 18 Javascript

JavaScript黑洞数字之运算路线查找算法(递归算法)实例

Jan 28 Javascript

手机图片预览插件photoswipe.js使用总结

Aug 25 Javascript

JS中判断null的方法分析

Nov 21 Javascript

浅谈javascript中的数据类型转换

Dec 27 Javascript

JS使用贪心算法解决找零问题示例

Nov 27 Javascript

对vue中methods互相调用的方法详解

Aug 30 Javascript

使用Angular自定义字段校验指令的方法示例

Feb 01 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面向对象全攻略（八）重载新的方法

2009/09/30 PHP

完美实现GIF动画缩略图的php代码

2011/01/02 PHP

PHP提取字符串中的图片地址[正则表达式]

2011/11/12 PHP

PHP四舍五入精确小数位及取整

2014/01/14 PHP

PHP实现的基于单向链表解决约瑟夫环问题示例

2017/09/30 PHP

PHP如何通过表单直接提交大文件详解

2019/01/08 PHP

js不完美解决click和dblclick事件冲突问题

2012/07/16 Javascript

利用Jquery实现可多选的下拉框

2014/02/21 Javascript

fckeditor粘贴Word时弹出窗口取消的方法

2014/10/30 Javascript

3种Jquery限制文本框只能输入数字字母的方法

2014/12/03 Javascript

jQuery中ready事件用法实例

2015/01/19 Javascript

在JavaScript中操作时间之getMonth()方法的使用

2015/06/10 Javascript

关于js二维数组和多维数组的定义声明(详解)

2016/10/02 Javascript

js实现PC端根据IP定位当前城市地理位置

2017/02/22 Javascript

完美实现js选项卡切换效果(二)

2017/03/08 Javascript

详解使用create-react-app快速构建React开发环境

2018/05/16 Javascript

angular学习之动态创建表单的方法

2018/12/07 Javascript

vue如何获取自定义元素属性参数值的方法

2019/05/14 Javascript

最简单的vue消息提示全局组件的方法

2019/06/16 Javascript

Bootstrap table 实现树形表格联动选中联动取消功能

2019/09/30 Javascript

再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿

2020/12/09 Javascript

原生jQuery实现只显示年份下拉框

2020/12/24 jQuery

说一说Python logging

2016/04/15 Python

python实现FTP服务器服务的方法

2017/04/11 Python

Pycharm更换python解释器的方法

2018/10/29 Python

python中类的属性和方法介绍

2018/11/27 Python

PYcharm 激活方法(推荐)

2020/03/23 Python

ubuntu16.04升级Python3.5到Python3.7的方法步骤

2020/08/20 Python

UGG美国官网：购买UGG雪地靴、拖鞋和鞋子

2017/12/31 全球购物

旅游项目开发策划书

2014/01/18 职场文书

校园安全广播稿

2014/02/08 职场文书

cf搞笑广告词

2014/03/14 职场文书

物理学专业自荐信

2014/06/11 职场文书

小学标准化建设汇报材料

2014/08/16 职场文书

C站最全Python标准库总结,你想要的都在这里

2021/07/03 Python

详解Java七大阻塞队列之SynchronousQueue

2021/09/04 Java/Android