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

javascript 实现父窗口引用弹出窗口的值的脚本

Aug 07 Javascript

使用JavaScript库还是自己写代码？

Jan 28 Javascript

关于js获取radio和select的属性并控制的代码

May 12 Javascript

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

Jun 14 Javascript

javascript里使用php代码实例

Dec 13 Javascript

jQuery中extend函数详解

Feb 13 Javascript

JavaScript 实现 Tab 点击切换实例代码

Mar 25 Javascript

JavaScript闭包的简单应用

Sep 01 Javascript

浅谈Vue数据绑定的原理

Jan 08 Javascript

vue2.5.2使用http请求获取静态json数据的实例代码

Feb 27 Javascript

VUE预渲染及遇到的坑

Sep 03 Javascript

vue使用openlayers实现移动点动画

Sep 24 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

特详细的PHPMYADMIN简明安装教程

2008/08/01 PHP

PHP判断表单复选框选中状态完整例子

2014/06/24 PHP

php验证邮箱和ip地址最简单方法汇总

2015/10/30 PHP

php获取给定日期相差天数的方法分析

2017/02/20 PHP

Phpstorm+Xdebug断点调试PHP的方法

2018/05/14 PHP

laravel框架使用FormRequest进行表单验证，验证异常返回JSON操作示例

2020/02/18 PHP

JavaScript获取页面上某个元素的代码

2011/03/13 Javascript

jquery单行文字向上滚动效果示例

2014/03/06 Javascript

js实现class样式的修改、添加及删除的方法

2015/01/20 Javascript

js获取数组的最后一个元素

2015/04/14 Javascript

浅谈利用JavaScript进行的DDoS攻击原理与防御

2015/06/04 Javascript

为何JS操作的href都是javascript:void(0);呢

2015/11/12 Javascript

JQuery的Pager分页器实现代码

2016/05/03 Javascript

js实现楼层效果的简单实例

2016/07/15 Javascript

用原生JS实现简单的多选框功能

2017/06/12 Javascript

详谈表单格式化插件jquery.serializeJSON

2017/06/23 jQuery

利用Vue.js实现求职在线之职位查询功能

2017/07/03 Javascript

vue+mockjs模拟数据实现前后端分离开发的实例代码

2017/08/08 Javascript

vue iview多张图片大图预览、缩放翻转

2019/07/13 Javascript

[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13

2020/12/17 DOTA

Python中exit、return、sys.exit()等使用实例和区别

2015/05/28 Python

python获得一个月有多少天的方法

2015/06/04 Python

Python 把序列转换为元组的函数tuple方法

2019/06/27 Python

Python3实现汉语转换为汉语拼音

2019/07/08 Python

在jupyter notebook中调用.ipynb文件方式

2020/04/14 Python

tensorflow使用freeze_graph.py将ckpt转为pb文件的方法

2020/04/22 Python

opencv 阈值分割的具体使用

2020/07/08 Python

深入解读CSS3中transform变换模型的渲染

2016/05/27 HTML / CSS

css3实现背景颜色渐变让图片不再是唯一的实现方式

2012/12/18 HTML / CSS

入党转预备思想汇报

2014/01/07 职场文书

大学班长的职责

2014/01/27 职场文书

好媳妇事迹材料

2014/12/24 职场文书

职工年度考核评语

2014/12/31 职场文书

小学毕业感言100字

2015/07/30 职场文书

消防宣传标语大全

2015/08/03 职场文书

vue中控制mock在开发环境使用,在生产环境禁用方式

2022/04/06 Vue.js