Jquery滑入滑出效果实现代码_jquery

来源：动视网责编：小采时间：2020-11-27 20:48:14

Jquery滑入滑出效果实现代码_jquery

Jquery滑入滑出效果实现代码_jquery:CSS 代码如下: #divD{ width:300px; height:100px; background-color:#CC99FF; } Jquery代码代码如下: $(document).ready(function(){ $(#btnFadein).bind(click,Fadein); //为btnFadein绑

推荐度：

点击下载本文 文档为doc格式

导读Jquery滑入滑出效果实现代码_jquery:CSS 代码如下: #divD{ width:300px; height:100px; background-color:#CC99FF; } Jquery代码代码如下: $(document).ready(function(){ $(#btnFadein).bind(click,Fadein); //为btnFadein绑

CSS
代码如下:

Jquery代码
代码如下:

$(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"); //滑出
}

HTML
代码如下:

这是div
DIV

O(∩_∩)O每天进步一点点O(∩_∩)O 该BLOG供个人记录学习笔记，如有错误欢迎指出！

Jquery滑入滑出效果实现代码_jquery

推荐度：

点击下载本文 文档为doc格式

标签：实现代码效果

热门焦点

Jquery滑入滑出效果实现代码_jquery

Jquery滑入滑出效果实现代码_jquery

Jquery滑入滑出效果实现代码_jquery

最新推荐

猜你喜欢

热门推荐