<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.12.4.min.js">
</script>
<style type="text/css">
img{
width: 300px;
height: 400px;
}
</style>
</head>
<body>
<input type="button" name="" id="" value="隐蔽" />
<input type="button" name="" id="" value="显示" />
<input type="button" name="" id="" value="切换显示隐蔽" />
<hr />
<img src="img/lu.jpg" title="我是小路" alt="图片出不来提醒文本"/>
</body>
<script type="text/javascript">
$("input").eq(0).click(function(){
// $("img").stop().hide(1000)
// $("img").fadeOut(2000)
$("img").slideUp(2000)
})
$("input").eq(1).click(function(){
$("img").stop().show(1000)
// $("img").fadeIn(2000)
// 卷起展开必需有宽高
// $("img").slideDown(2000)
})
$("input").eq(2).click(function(){
// $("img").toggle(3000)
// $("img").fadeToggle(2000)
$("img").slideToggle(2000)
})
<!DOCTYPE html>
<html>
<head>
<meta charset="U
阅读背景：
淡入淡出效果及其属性
来源：互联网
分享到：
