html 如何让微信里的html应用弹出“点击右上角分享到朋友圈”的

html-css013

html 如何让微信里的html应用弹出“点击右上角分享到朋友圈”的,第1张

一个分享按钮,一个隐藏的图片(这个图片绝对定位在右上角)然后就是点击显示,点击隐藏了。

<a href="javascript:" onclick="document.getElementById('mcover').style.display='block'">分享到朋友圈</a>

<div id="mcover" onclick="document.getElementById('mcover').style.display=''" 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

}

html如何让微信里的html应用弹出“点击右上角分享到朋友圈代码格式如下:

#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

}

文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。