怎么做一个点击后消失的按钮？

2013 年 4 月 17 日
 dowhat
hi，我是一个html的新手，在看codecademy的时候，想到做一个点击后消失的按钮（如果是叫按钮的话）。这个可以应用于广告：网页上挂着一个广告，一直在视野内，但是点击一次之后，这个广告就在此次浏览中彻底消失。这个想法可能不怀好意，但我很好奇怎么以css实现？

希望您能给出任何您想给出的看法……
甚至是：
1、我的这个主题发对地方了没有？
2、那个东西是不是叫按钮？
3、有更酷的实现方式或者世界等着我？
4、gist是不是这么贴？

https://gist.github.com/dfi/5404406
4149 次点击
所在节点    问与答
12 条回复
guchengf
2013 年 4 月 17 日
这里有一种JS的实现方式
http://gist.github.com/gucheen/5404474
guchengf
2013 年 4 月 17 日
gist.github.com/gucheen/5404474
NemoAlex
2013 年 4 月 17 日
<a onclick="this.parentNode.removeChild(this)">点我</a>
意思一下
在 IE 里估计会失效
dowhat
2013 年 4 月 17 日
我加了些东西：
https://gist.github.com/dfi/5404754
在Chrome下用中键在新标签页打开，按钮会消失，但在IE10下不会。直接鼠标左击会消失。
不知道怎么实现鼠标左击在新窗口打开那个按钮？
Loerise
2013 年 4 月 17 日
http://gist.github.com/dfi/5404406
kamal
2013 年 4 月 18 日
<a class="once" href="#随机数">点我</a>

a.once:visited{display:none}

未实验，仅提供思路
cutehalo
2013 年 4 月 18 日
@dowhat
a标签的属性里加上target="_blank"
yangg
2013 年 4 月 18 日
css3 的话可以用checkbox

http://dabblet.com/gist/5409585
ohhe
2013 年 4 月 18 日
adblock 右键 屏蔽此元素
dowhat
2013 年 4 月 18 日
@kamal 这个试过了，不行。
ljbha007
2013 年 4 月 18 日
css 实现：

a:visited{
display: none;
}
oldcai
2013 年 4 月 19 日
拆卸打火机->丁烷瓶+压力点火+按钮
一斤TNT+丁烷瓶+压力点火+按钮 => 组装

按了按钮以后就可以消失了。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/66144

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX