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

2013-04-17 21:42:25 +08:00
 dowhat
hi,我是一个html的新手,在看codecademy的时候,想到做一个点击后消失的按钮(如果是叫按钮的话)。这个可以应用于广告:网页上挂着一个广告,一直在视野内,但是点击一次之后,这个广告就在此次浏览中彻底消失。这个想法可能不怀好意,但我很好奇怎么以css实现?

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

https://gist.github.com/dfi/5404406
3507 次点击
所在节点    问与答
12 条回复
guchengf
2013-04-17 21:50:40 +08:00
这里有一种JS的实现方式
http://gist.github.com/gucheen/5404474
guchengf
2013-04-17 21:53:25 +08:00
NemoAlex
2013-04-17 22:04:33 +08:00
<a onclick="this.parentNode.removeChild(this)">点我</a>
意思一下
在 IE 里估计会失效
dowhat
2013-04-17 22:30:56 +08:00
我加了些东西:
https://gist.github.com/dfi/5404754
在Chrome下用中键在新标签页打开,按钮会消失,但在IE10下不会。直接鼠标左击会消失。
不知道怎么实现鼠标左击在新窗口打开那个按钮?
Loerise
2013-04-17 23:19:35 +08:00
kamal
2013-04-18 10:02:05 +08:00
<a class="once" href="#随机数">点我</a>

a.once:visited{display:none}

未实验,仅提供思路
cutehalo
2013-04-18 10:12:19 +08:00
@dowhat
a标签的属性里加上target="_blank"
yangg
2013-04-18 10:32:48 +08:00
css3 的话可以用checkbox

http://dabblet.com/gist/5409585
ohhe
2013-04-18 13:58:13 +08:00
adblock 右键 屏蔽此元素
dowhat
2013-04-18 18:04:14 +08:00
@kamal 这个试过了,不行。
ljbha007
2013-04-18 19:00:37 +08:00
css 实现:

a:visited{
display: none;
}
oldcai
2013-04-19 12:01:30 +08:00
拆卸打火机->丁烷瓶+压力点火+按钮
一斤TNT+丁烷瓶+压力点火+按钮 => 组装

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

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

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

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

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

© 2021 V2EX