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

this[] 指的是什么内容讨论

Mar 24 Javascript

Jquery ajax传递复杂参数给WebService的实现代码

Aug 08 Javascript

JQuery的自定义事件代码,触发,绑定简单实例

Aug 01 Javascript

jQuery UI 实现email输入提示实例

Aug 15 Javascript

jQuery+ajax中getJSON() 用法实例

Dec 22 Javascript

基于jQuery通过jQuery.form.js插件实现异步上传

Dec 13 Javascript

JavaScript 数组中最大最小值

Jun 05 Javascript

JS中with的替代方法与String中的正则方法详解

Dec 23 Javascript

js实现移动端轮播图

Dec 21 Javascript

微信小程序学习笔记之获取位置信息操作图文详解

Mar 29 Javascript

vue-路由精讲二级路由和三级路由的作用

Aug 06 Javascript

JS实现斐波那契数列的五种方式(小结)

Sep 09 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 session有效期session.gc_maxlifetime

2011/04/20 PHP

php版交通银行网银支付接口开发入门教程

2016/09/26 PHP

CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)

2016/11/21 PHP

PHP中大括号'{}'用法实例总结

2017/02/08 PHP

php 类中的常量、静态属性、非静态属性的区别

2017/04/09 PHP

tp5框架内使用tp3.2分页的方法分析

2019/05/05 PHP

jquery中常用的SET和GET

2009/01/13 Javascript

Prototype Class对象学习

2009/07/19 Javascript

js parsefloat parseint 转换函数

2010/01/21 Javascript

javascript动态添加表格数据行(ASP后台数据库保存例子)

2010/05/08 Javascript

jQuery中children()方法用法实例

2015/01/07 Javascript

jquery中show()、hide()和toggle()用法实例

2015/01/15 Javascript

js简单判断移动端系统的方法

2016/02/25 Javascript

JavaScript 经典实例日常收集整理(常用经典)

2016/03/30 Javascript

详解Vue自定义过滤器的实现

2017/01/10 Javascript

JS库之Three.js 简易入门教程(详解之一)

2017/09/13 Javascript

vue.js学习笔记之v-bind和v-on解析

2018/05/03 Javascript

详解Jest结合Vue-test-utils使用的初步实践

2019/06/27 Javascript

javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法

2020/05/14 Javascript

Python中几种操作字符串的方法的介绍

2015/04/09 Python

python傅里叶变换FFT绘制频谱图

2019/07/19 Python

Django 设置多环境配置文件载入问题

2020/02/25 Python

Python基于Dlib的人脸识别系统的实现

2020/02/26 Python

python网络编程：socketserver的基本使用方法实例分析

2020/04/09 Python

CSS3实现苹果手机解锁的字体闪亮效果示例

2021/01/05 HTML / CSS

Otticanet澳大利亚：最顶尖的世界名牌眼镜, 能得到打折季的价格

2018/08/23 全球购物

Sahajan美国：阿育吠陀护肤品牌

2021/01/09 全球购物

婚礼证婚人证婚词

2014/01/13 职场文书

高中生家长会演讲稿

2014/01/14 职场文书

少儿节目主持串词

2014/04/02 职场文书

村党的群众路线教育实践活动总结材料

2014/10/31 职场文书

秦兵马俑导游词

2015/02/02 职场文书

皇城相府导游词

2015/02/06 职场文书

药店营业员岗位职责

2015/04/14 职场文书

Python实现socket库网络通信套接字

2021/06/04 Python

详解java如何集成swagger组件

2021/06/21 Java/Android