Jquery 滑入滑出效果实现代码
更新时间：2010年03月27日 00:50:11 作者：
Jquery 滑入滑出效果实现代码，需要的朋友可以参考下。
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供个人记录学习笔记，如有错误欢迎指出！
复制代码 代码如下:
<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 扑捉回车键事件的具体实现,需要的朋友可以参考下2014-04-04
这篇文章主要为大家详细介绍了jQuery实现移动端悬浮拖动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
在使用jQuery开发的时候，可能还会使用到其他的JS库，比如Prototype，但多库共存时可能会发生冲突，下面这篇文章主要给大家介绍了关于jQuery库冲突的完美解决办法，需要的朋友可以参考借鉴，下面来一起看看吧。2017-05-05
jquery中jquery.offset().top/left用于获取div距离窗口的距离而jquery.position().top/left用于获取距离父级div的距离，下面有个不错的示例，感兴趣的朋友可以参考下2013-10-10
主要功能是动态增减输入框，而且支持对各个输入框的检测，每个输入框在输入内容后，对其进行错误提示2013-07-07
这篇文章主要介绍了JQuery异步提交表单与文件上传功能,结合实例形式分析了jQuery表单提交及文件传输操作的相关实现技巧,需要的朋友可以参考下2017-01-01
下面小编就为大家带来一篇jquery实现无刷新验证码的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本篇文章主要是对jquery字符串切割函数substring的用法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要为大家详细介绍了jquery图片放大镜效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要为大家详细介绍了基于jquery实现左右上下移动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
最新评论