jquery效果

来源:互联网 发布:聚划算 淘宝 编辑:程序博客网 时间:2024/05/16 03:00
<div style="display: block;">
<img alt="" src="a.jpg">
</div>
<input type="button" value="显示">
<input type="button" value="隐藏">


$(function() {
/* 
参数:slow,fast,毫秒(1000)

显示隐藏:show(),hide()
向上向下滑动:slideDown(),slideUp()
淡入淡出:fadeIn(),fadeOut() */
$(":button:first").click(function() {
//$("div").show();
//显示和隐藏:toggle()
//$("div").toggle();
//$("div").slideDown("slow");
$("div").fadeIn("slow");
});
$(":button:last").click(function() {
//$("div").hide();
//$("div").slideUp("slow");
$("div").fadeOut("slow");
});


})