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供个人记录学习笔记,如有错误欢迎指出!
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