<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>show()和hide()方法动画方式显示和隐藏元素</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>show()和hide()方法动画方式显示和隐藏元素</h3>
<input type="button" id="btnshow" value="显示"/>
<img scr="http://img.mukewang.com/52e4aec90001924d06800599.jpg" alt="1234567890123456789">
<input type="button" id="btnhide" value="隐藏"/>
<script type="text/javascript">
$(function(){
$("#btnshow").on("click",function(){
$("img").show(3000,function(){
$(this).attr("disabled",true);
$("#btnhide").attr("disabled",false)
});
});
$(function(){
$("#btnhide").on("click",function(){ $("img").hide(3000,function(){
$(this).attr("disabled",true);
$("#btnshow").attr("disabled",false);
});
});
});
});
</script>
</body>
</html>柠檬酸钠
慕工程0302858