<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="one" style="border:1px solid red;width: 250px;height: 250px;">
把鼠标移进来,移出去
<div id="two" style="width: 100px;height: 100px;background: green;"></div>
</div>
<script>
$('#one').hover(function() {
$('#two').slideUp(1000).slideDown(1000);
//换成以下就不行
//$('#two').fadeIn(1000).fadeOut(1000);
}, function() {
$('#two').fadeOut(1000).fadeIn(1000)
});
$("<button>停</button>").appendTo("body").click(function() {
$('#two').stop(true, false);
}); </script>
</body>
</html>$('#two').slideUp(1000).slideDown(1000);
换成以下就不行,就没效果
$('#two').fadeIn(1000).slideDown(1000);
或 $('#two').fadeIn(1000).fadeOut(1000);
