V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
dowhat
V2EX  ›  问与答

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

  •  
  •   dowhat · 2013-04-17 21:42:25 +08:00 · 3495 次点击
    这是一个创建于 4215 天前的主题,其中的信息可能已经有所发展或是发生改变。
    hi,我是一个html的新手,在看codecademy的时候,想到做一个点击后消失的按钮(如果是叫按钮的话)。这个可以应用于广告:网页上挂着一个广告,一直在视野内,但是点击一次之后,这个广告就在此次浏览中彻底消失。这个想法可能不怀好意,但我很好奇怎么以css实现?

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

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

    a.once:visited{display:none}

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

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

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

    按了按钮以后就可以消失了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5579 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 08:26 · PVG 16:26 · LAX 01:26 · JFK 04:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.