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

一个无限级XML绑定跨框架菜单（For IE）

Jan 27 Javascript

JS中动态添加事件(绑定事件)的代码

Jan 09 Javascript

Javascript面向对象编程

Mar 18 Javascript

JavaScript中setAttribute用法介绍

Jul 20 Javascript

javascript中checkbox使用方法简单实例演示

Nov 17 Javascript

利用VUE框架，实现列表分页功能示例代码

Jan 12 Javascript

JavaScript实现QQ列表展开收缩扩展功能

Oct 30 Javascript

js监听html页面的上下滚动事件方法

Sep 11 Javascript

详解如何使用微信小程序云函数发送短信验证码

Mar 13 Javascript

JQuery特殊效果和链式调用操作示例

May 13 jQuery

js判断密码强度的方法

Mar 18 Javascript

vue-router的hooks用法详解

Jun 08 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

星际争霸中的对战模式介绍

2020/03/04 星际争霸

新手学习PHP的一些基础知识分享

2011/07/27 PHP

php强制文件下载而非在浏览器打开的自定义函数分享

2014/05/08 PHP

Linux操作系统安装LAMP环境

2015/06/26 PHP

Laravel5.* 打印出执行的sql语句的方法

2017/07/24 PHP

PHP编程实现阳历转换为阴历的方法实例

2017/08/08 PHP

JavaScript 加号(+)运算符号

2009/12/06 Javascript

jQuery实现复选框成对选择及对应取消的方法

2015/03/03 Javascript

JavaScript中Form表单技术汇总(推荐)

2016/06/26 Javascript

bootstrap快速制作后台界面

2016/12/05 Javascript

JS树形菜单组件Bootstrap TreeView使用方法详解

2016/12/21 Javascript

vue实现列表的添加点击

2016/12/29 Javascript

js实现固定宽高滑动轮播图效果

2017/01/13 Javascript

详解vue服务端渲染(SSR)初探

2017/06/19 Javascript

JS字符串和数组如何实现相互转化

2020/07/02 Javascript

nodeJs项目在阿里云的简单部署

2020/11/27 NodeJs

python实现定时播放mp3

2015/03/29 Python

virtualenv实现多个版本Python共存

2017/08/21 Python

Python编程实现正则删除命令功能

2017/08/30 Python

python实现支付宝当面付（扫码支付）功能

2018/05/30 Python

python中bs4.BeautifulSoup的基本用法

2019/07/27 Python

使用pickle存储数据dump 和 load实例讲解

2019/12/30 Python

pytorch nn.Conv2d()中的padding以及输出大小方式

2020/01/10 Python

浅谈keras中的batch_dot,dot方法和TensorFlow的matmul

2020/06/18 Python

详解Pycharm第三方库的安装及使用方法

2020/12/29 Python

详解css3 Transition属性（平滑过渡菜单栏案例）

2017/09/05 HTML / CSS

见习期自我鉴定范文

2014/03/19 职场文书

初一学生期末评语

2014/04/24 职场文书

小学竞选班长演讲稿

2014/09/09 职场文书

2015年重阳节慰问信

2015/03/23 职场文书

学生会招新宣传语

2015/07/13 职场文书

创业计划之特色精品店

2019/08/12 职场文书

Python中rapidjson参数校验实现

2021/07/25 Python

MySQL数据库中varchar类型的数字比较大小的方法

2021/11/17 MySQL

DIY胆机必读：各国电子管评价

2022/04/06 无线电

Java字符缓冲流BufferedWriter

2022/04/09 Java/Android