社区首页 >问答首页 >如何在JS id中添加淡出效果

问如何在JS id中添加淡出效果
EN

Stack Overflow用户

提问于 2013-09-01 16:46:48

回答 3查看 646关注 0票数 0

我有一个图像和一个按钮，每当我按下按钮，图像就会消失。所以我想用褪色的效果来做。就像这样：

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

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

fadeout

javascript

css

css-transitions

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-09-01 16:57:48

在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/更新了你的小提琴

票数 0

Stack Overflow用户

发布于 2013-09-01 17:00:15

使用一些JS：$(‘#隐藏’).fadeOut(‘慢速’)；

如果您想要更高级的方式，请参阅Jquery动画中的更多内容

为了获得动画效果，您可以在google上搜索"jquery宽松“。

票数 0

Stack Overflow用户

发布于 2013-09-01 17:03:35

使用jQuery fadeOut()

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

});

小提琴在这里

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18564346

复制

相似问题

问如何在JS id中添加淡出效果
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS id中添加淡出效果EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS id中添加淡出效果
EN