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

JQueryEasyUI datagrid框架的基本使用

Apr 08 Javascript

jQuery选择器全集详解

Nov 24 Javascript

jQuery中unbind()方法用法实例

Jan 19 Javascript

JS实现在页面随时自定义背景颜色的方法

Feb 27 Javascript

详解jquery validate实现表单验证（正则表达式）

Jan 18 Javascript

vue.js从安装到搭建过程详解

Mar 17 Javascript

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

Apr 18 Javascript

webpack+vue-cli项目中引入外部非模块格式js的方法

Sep 28 Javascript

前后端常见的几种鉴权方式(小结)

Aug 04 Javascript

Vue.js watch监视属性知识点总结

Nov 11 Javascript

浅谈Vue static 静态资源路径和 style问题

Nov 07 Javascript

JavaScript parseInt0.0000005打印5原理解析

Jul 23 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