javascript - 如何为 JS id 添加淡入淡出效果

Question

我有一个图像和一个按钮，每当我按下按钮时，图像就会消失。所以我想通过淡入淡出效果来制作它。像这样的东西：

#hide{-webkit-transition: all 1s ease-in-out;}

这是演示：http: //jsfiddle.net/5wBuV/4/

Answer 1

在 jQuery 中，您所要做的就是：

$("#hide").fadeOut("slow"); //or fast, or specific speed in milliseconds
//you can even throw a callback function if you need to

或者您可以保留您拥有的 javascript：

document.getElementById("hide").style.visibility = "hidden"; //or display = "none";

http://jsfiddle.net/5wBuV/5/更新了你的小提琴

Answer 2

使用一些 JS： $('#hide').fadeOut('slow');

如果您想要更高级的方式，请在Jquery Animate中查看更多信息

对于动画效果，你可以谷歌“jquery easing”

Answer 3

使用 jQuery fadeOut()：

 $("#clickedButton").click( function() {
     $('#hide').fadeOut('1000');

});

在这里提琴