淡入是指按照指定事件出现(显示),淡出就是按照指定时间实现隐藏。
要实现淡入需要使用方法:fadeln(时间 , 函数)
淡出需要使用方发:fadeOut(时间,函数)
第二个参数就是一个函数,当元素淡入或淡出完毕之后会自动触发函数、
<script src="js/juery.min.js"></script>
<script>
//淡入效果
$(function(){
$("button:eq(0)").click(function(){
$("div").fadeIn(2000,function(){
alert("淡入完毕");
});
});
//淡出效果
$("button:eq(1)").click(function(){
$("div").fadeOut(2000,function(){
alert("淡出完毕");
});
});
});
</script>
设定盒子和按钮