Utilisez HTML pour implémenter un exemple de code pour un bouton avec des effets de clic (afficher, masquer)

Un bouton de partage, une image cachée (cette image est positionnée de manière absolue dans le coin supérieur droit), puis cliquez pour afficher, cliquez pour masquer.

<a href="javascript:;" onclick="document.getElementById(&#39;mcover&#39;).style.display=&#39;block&#39;;">分享到朋友圈</a>
<div id="mcover" onclick="document.getElementById(&#39;mcover&#39;).style.display=&#39;&#39;;" style="display: none;">
     <img src="/public/images/guide.png">
</div>
对应样式如下：
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 999;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!