Question

我想创建一个网页。我正在使用jquery进行动画和更简单的javascript。我想在点击一个淡出和滑动效果的按钮时关闭一个div。

这可能吗？

由于

Answer 1

您不能同时执行这两项操作（使用slideUp()和fadeOut()）。您必须使用animate()：

进行解决

$(".button").animate({ height: 'toggle', opacity: 'toggle' }, 'slow');

您切换不透明度（使其成为0）以及高度（也使其成为0）并为其赋予动画时间slow，但您可以加快速度（ 1000是1秒。

Answer 2

使用jquery .animate()你可以做很多事情，这是一个例子：

HTML：

<div id="test_DIV"></div>
<button id="test_bt">CLICK ME</button>

的CSS：

#test_DIV{
    height:200px;
    width:200px;
    background:red;
}

的javascript：

$(function(){
    $("#test_bt").click(function(){
        $("#test_DIV").stop().animate({
            height:0,
            opacity:0
        });

    }); 
});

这是一个FIDDLE

jquery关闭一个褪色和幻灯片的div

2 个答案: