编程 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的parseInt 进制问题

May 07 Javascript

jQuery 美元符冲突的解决方法

Mar 28 Javascript

js实现兼容IE6与IE7的DIV高度

May 13 Javascript

DOM2非标准但却支持很好的几个属性小结

Jan 21 Javascript

JavaScript prototype属性详解

Oct 25 Javascript

js实现九宫格拼图小游戏

Feb 13 Javascript

js实现按座位号抽奖

Apr 05 Javascript

JS优化与惰性载入函数实例分析

Apr 06 Javascript

JS实现的透明度渐变动画效果示例

Apr 28 Javascript

AngularJS中的作用域实例分析

May 16 Javascript

JavaScript相等运算符的九条规则示例详解

Oct 20 Javascript

AJAX实现指定部分页面刷新效果

Oct 16 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数组声明、遍历、数组全局变量使用小结

2013/06/05 PHP

PHP中使用CURL获取页面title例子

2015/01/07 PHP

php实现获取近几日、月时间示例

2019/07/06 PHP

jQuery学习笔记之jQuery的DOM操作

2010/12/22 Javascript

javascript smipleChart 简单图标类

2011/01/12 Javascript

一样的table？不一样的table(可编辑状态table)

2012/09/19 Javascript

用js的document.write输出的广告无阻塞加载的方法

2014/06/05 Javascript

javascript中加号(+)操作符的一些神奇作用

2014/06/06 Javascript

JavaScript判断是否是微信浏览器

2016/06/13 Javascript

Javascript获取随机数的实现方法

2016/06/22 Javascript

简单谈谈Javascript函数中的arguments

2017/02/09 Javascript

JS实现搜索关键词的智能提示功能

2017/07/07 Javascript

看看“疫苗查询”小程序有温度的代码

2018/07/31 Javascript

vue实现双向绑定和依赖收集遇到的坑

2018/11/29 Javascript

JS中call()和apply()的功能及用法实例分析

2019/06/28 Javascript

微信小程序实现分享商品海报功能

2019/09/30 Javascript

Vue 中 template 有且只能一个 root的原因解析(源码分析)

2020/04/11 Javascript

javascript实现的图片预览和上传功能示例【兼容IE 9】

2020/05/01 Javascript

盘点提高 Python 代码效率的方法

2014/07/03 Python

查看Python安装路径以及安装包路径小技巧

2015/04/28 Python

python实现植物大战僵尸游戏实例代码

2019/06/10 Python

Python+Appium实现自动化测试的使用步骤

2020/03/24 Python

keras 指定程序在某块卡上训练实例

2020/06/22 Python

python爬虫利用代理池更换IP的方法步骤

2021/02/21 Python

初探CSS3中的calc()功能

2015/07/14 HTML / CSS

Html5新标签解释及用法

2012/02/17 HTML / CSS

性能服装：HYLETE

2018/08/14 全球购物

安全资金保障制度

2014/01/23 职场文书

分层教学实施方案

2014/03/19 职场文书

公司寄语大全

2014/04/10 职场文书

实习单位评语

2014/04/26 职场文书

演讲开头怎么书写？

2019/08/06 职场文书

百善孝为先：关于孝道的经典语录

2019/10/18 职场文书

python 自动刷新网页的两种方法

2021/04/20 Python

Python数据清洗工具之Numpy的基本操作

2021/04/22 Python

用Python实现一个打字速度测试工具来测试你的手速

2021/05/28 Python