代码如下：
（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/webkaifa/）style type="text/css"
#divD{
width:300px;
height:100px;
background-color:#CC99FF;
}
/style
Jquery代码
代码如下：
（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/webkaifa/）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
代码如下：
（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/webkaifa/）body
input type="button" value="滑入" /
input type="button" value="滑出"/
div这是div/div
DIV
/body
O(∩_∩)O每天进步一点点O(∩_∩)O 该BLOG供个人记录学习笔记，如有错误欢迎指出！
