欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html5底部彈出微信分享代碼

張吉惟2年前10瀏覽0評論
HTML5底部彈出微信分享是一個非常有用的功能,可以讓網站用戶更加方便地分享信息。以下是一段簡單的HTML5底部彈出微信分享代碼示例:

點擊下方按鈕分享到微信:

<div id="wexinshare">
<div class="share_cover"></div>
<div class="share_content">
<p>分享到微信朋友圈</p>
<img src="qrcode.png" alt="二維碼" />
<p>掃描二維碼分享</p>
<a href="#" class="share_btn">取消</a>
</div>
</div>
<button id="share_weixin">微信分享</button>
<script>
var shareWeixin = document.getElementById("share_weixin");
var weixinShare = document.getElementById("wexinshare");
shareWeixin.onclick = function() {
weixinShare.style.display = "block";
}
weixinShare.onclick = function() {
weixinShare.style.display = "none";
}
</script>
以上代碼可以實現如下圖所示效果: 點擊“微信分享”按鈕,可以彈出一個 DIV 元素,里面包含一個二維碼和取消按鈕。用戶可以通過掃描二維碼來分享內容。點擊取消按鈕或者 DIV 元素的其他區域,都可以關閉彈出框。 使用 HTML5 底部彈出微信分享功能,可以方便地增加網站內容的傳播和推廣,提高用戶的轉化率。