基于HTML实现的手机分享朋友圈网页(含HTML源代码).zip资源-CSDN文库

共5个文件

png：3个

jpg：1个

html：1个

版权申诉

毕业设计

计算机资料

数据集

16 浏览量 2022-07-02 03:01:29 上传评论收藏 60KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML实现的手机分享朋友圈网页(含HTML源代码).zip （5个子文件）

手机分享朋友圈

1580.jpg 28KB

guide.png 37KB

index.html 3KB

icon_msg.png 939B

icon_timeline.png 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http//www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style> #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!important; height: 180px!important; z-index: 20001; } .text { margin: 15px 0; font-size: 14px; word-wrap: break-word; color: #727272; } #mess_share { margin: 15px 0; display: block; } #share_1 { float: left; width: 49%; display: block; } #share_2 { float: right; width: 49%; display: block; } .clr { display: block; clear: both; height: 0; overflow: hidden; } .button2 { font-size: 16px; padding: 8px 0; border: 1px solid #adadab; color: #000000; background-color: #e8e8e8; background-image: linear-gradient(to top, #dbdbdb, #f4f4f4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #fff; text-align: center; border-radius: 3px; width: 100%; } #mess_share img { width: 22px!important; height: 22px!important; vertical-align: top; border: 0; } /**********************audio***********************/ /******************************动画*************************/ #iframe_screen{ background:#fff; position:absolute; width:100%; height:100%; left:0; top:0; z-index:300000; overflow:hidden; } </style> </head> <body> <div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;"> <img src="guide.png" /> </div> <div> 这里是你的网页内容</div> <div class="text" id="content"> <div id="mess_share"> <div id="share_1"> <button class="button2" onclick="document.getElementById('mcover').style.display='block';"> <img src="icon_msg.png" width="64" height="64" />  发送给朋友 </button> </div> <div id="share_2"> <button class="button2" onclick="document.getElementById('mcover').style.display='block';"> <img src="icon_timeline.png" width="64" height="64" />  分享到朋友圈 </button> </div> <div class="clr"></div> </div> </div> </body> </html>

评论收藏

内容反馈

版权申诉