<!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>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML实现的手机分享朋友圈网页(含HTML源代码).zip (5个子文件)
手机分享朋友圈
1580.jpg 28KB
guide.png 37KB
index.html 3KB
icon_msg.png 939B
icon_timeline.png 3KB
共 5 条
- 1
资源评论
CyMylive.
- 粉丝: 7387
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功