<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片淡入淡出</title>
<script src="jq183.js"></script>
</head>
<body>
<input type="button" value="fadeIn" id="in">
<input type="button" value="fadeOut" id="out">
<br>
<hr>
<img src="./flower2.jpg" alt="" id="re">
</body>
<script>
//给指定按钮绑定单击事件 当 点击时 图片3 秒内淡淡的进入 并执行后边的函数
$('#in').click(function(){
$('#re').fadeIn(3000,function () {
alert('我来啦!')
}) ;
});
//给指定按钮绑定单击事件 当 点击时 图片3 秒内淡离开 并执行后边的函数
$('#out').click(function(){
$('#re').fadeOut(3000,function () {
alert('我走啦!')
}) ;
});
</script>
</html>