编程 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 布尔型分析

Dec 22 Javascript

javascript 写类方式之九

Jul 05 Javascript

js中eval()函数和trim()去掉字符串左右空格应用

Feb 02 Javascript

JS 对象属性相关(检查属性、枚举属性等)

Apr 05 Javascript

前端jquery部分很精彩

May 03 Javascript

jQuery事件委托之Safari

Jul 05 Javascript

js正则表达式注册页面表单验证

Oct 11 Javascript

bootstrap switch开关组件使用方法详解

Aug 22 Javascript

vue 2.8.2版本配置刚进入时候的默认页面方法

Sep 21 Javascript

JS与SQL方式随机生成高强度密码示例

Dec 29 Javascript

Vue项目中配置pug解析支持

May 10 Javascript

js实现详情页放大镜效果

Oct 28 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 email邮箱正则

2008/10/08 PHP

php页面跳转代码输入网址跳转到你定义的页面

2013/03/28 PHP

对比分析php中Cookie与Session的异同

2016/02/19 PHP

弹出广告特效(一个IP只弹出一次)的代码

2007/07/27 Javascript

JavaScript Event学习第十章一些可替换的事件对

2010/02/10 Javascript

jquery load事件(callback/data)使用方法及注意事项

2013/02/06 Javascript

JavaScript原生对象之String对象的属性和方法详解

2015/03/13 Javascript

基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理

2016/05/12 Javascript

使用JSON作为函数的参数的优缺点

2016/10/27 Javascript

自动适应iframe右边的高度

2016/12/22 Javascript

微信小程序 Button 组件详解及简单实例

2017/01/10 Javascript

原生js实现网页顶部自动下拉/收缩广告效果

2017/01/20 Javascript

使用elementUI实现将图片上传到本地的示例

2018/09/04 Javascript

JavaScript中0、空字符串、'0'是true还是false的知识点分享

2019/09/16 Javascript

原生js实现html手机端城市列表索引选择城市

2020/06/24 Javascript

Python struct模块解析

2014/06/12 Python

PHP网页抓取之抓取百度贴吧邮箱数据代码分享

2016/04/13 Python

python基础教程之五种数据类型详解

2017/01/12 Python

用pickle存储Python的原生对象方法

2017/04/28 Python

Python实现脚本锁功能(同时只能执行一个脚本)

2017/05/10 Python

浅谈python中copy和deepcopy中的区别

2017/10/23 Python

Appium+Python自动化测试之运行App程序示例

2019/01/23 Python

几个适合python初学者的简单小程序，看完受益匪浅！(推荐)

2019/04/16 Python

使用Python的OpenCV模块识别滑动验证码的缺口（推荐）

2019/05/10 Python

python pyinstaller 加载ui路径方法

2019/06/10 Python

python爬虫的一个常见简单js反爬详解

2019/07/09 Python

上海微创软件面试题

2012/06/14 面试题

企业内控岗位的职责

2014/02/07 职场文书

院领导写的就业推荐信

2014/03/09 职场文书

2014班子“三严三实”对照检查材料思想汇报

2014/09/18 职场文书

拾金不昧表扬信

2015/01/16 职场文书

小型婚礼主持词

2015/06/30 职场文书

创业计划书之零食店（进口）

2019/09/24 职场文书

导游词之河姆渡遗址博物馆

2019/10/10 职场文书

【超详细】八大排序算法的各项比较以及各自特点

2021/03/31 Python

Python字典和列表性能之间的比较

2021/06/07 Python