html5模仿微信朋友圈代码

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

一个分享按钮，一个隐藏的图片（这个图片绝对定位在右上角）然后就是点击显示，点击隐藏了。
<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;
}

2. 用HTML5做一个类似于微信联系人的一个demo

请尝试用jquery mobile

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

1. 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;

}

4. 哪位大哥有类似微信公众号首页的html代码，如图

这是竖着的相似类型导航，你自己改成你想要的，注释的都差不多了！

<styletype="text/css">
<!--
*{margin:0;padding:0;border:0;}
body{
font-family:arial,宋体,serif;
font-size:12px;
}
#nav{
width:180px;
line-height:24px;
list-style-type:none;
text-align:left;
/*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nava{
width:160px;
display:block;
padding-left:20px;
/*Width(一定要)，否则下面的Li会变形*/
}
#navli{
background:#CCC;/*一级目录的背景色*/
border-bottom:#FFF1pxsolid;/*下面的一条白边*/
float:left;
/*float：left,本不应该设置，但由于在Firefox不能正常显示
继承Nav的width,限制宽度，li自动向下延伸*/
}
#navlia:hover{
background:#CC0000;/*一级目录onMouseOver显示的背景色*/
}
#nava:link{
color:#666;text-decoration:none;
}
#nava:visited{
color:#666;text-decoration:none;
}
#nava:hover{
color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
#navliul{
list-style:none;
text-align:left;
}
#navliulli{
background:#EBEBEB;/*二级目录的背景色*/
}
#navliula{
padding-left:20px;
width:160px;
/*padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#navliula:link{
color:#666;text-decoration:none;
}
#navliula:visited{
color:#666;text-decoration:none;
}
#navliula:hover{
color:#F3F3F3;
text-decoration:none;
font-weight:normal;
background:#CC0000;
/*二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#navli:hoverul{
left:auto;
}
#navli.sfhoverul{
left:auto;
}
#content{
clear:left;
}
#navul.collapsed{
display:none;
}
-->
#PARENT{
width:300px;
padding-left:20px;
}
</style>
<divid="PARENT">
<ulid="nav">
<li><ahref="#Menu=ChildMenu1"onclick="DoMenu('ChildMenu1')">我的网站</a>
<ulid="ChildMenu1"class="collapsed">
<li><ahref="#">网页</a></li>
<li><ahref="#">管理asd</a></li>
<li><ahref="#">网页</a></li>
<li><ahref="#">管理asd</a></li>
<li><ahref="#">网页sad</a></li>
<li><ahref="#">管理</a></li>
</ul>
</li>
<li><ahref="#Menu=ChildMenu2"onclick="DoMenu('ChildMenu2')">我的帐务</a>
<ulid="ChildMenu2"class="collapsed">
<ahref="#">支付</a></li>
<li><ahref="#">管理</a></li>
<li><ahref="#">网上支付</a></li>
<li><ahref="#">登记汇款</a></li>
<li><ahref="#">在线招领</a></li>
<li><ahref="#">历史帐务</a></li>
</ul>
</li>
<li><ahref="#Menu=ChildMenu3"onclick="DoMenu('ChildMenu3')">网站管理</a>
<ulid="ChildMenu3"class="collapsed">
<li><ahref="#">登录</a></li>
<ahref="#">管理</a></li>
<li><ahref="#">管理</a></li>
<li><ahref="#">管理</a></li>
</ul>
</li>
<li><ahref="#Menu=ChildMenu4"onclick="DoMenu('ChildMenu4')">网站管理</a>
<ulid="ChildMenu4"class="collapsed">
<li><ahref="#">登录</a></li>
<ahref="#">管理</a></li>
<li><ahref="#">管理</a></li>
<li><ahref="#">管理</a></li>
<li><ahref="#">管理</a></li>
</ul>
</li>
</ul>
</div>
<scripttype=text/javascript><!--
varLastLeftID="";
functionmenuFix(){
varobj=document.getElementById("nav").getElementsByTagName("li");

for(vari=0;i<obj.length;i++){
obj[i].onmouseover=function(){
this.className+=(this.className.length>0?"":"")+"sfhover";
}
obj[i].onMouseDown=function(){
this.className+=(this.className.length>0?"":"")+"sfhover";
}
obj[i].onMouseUp=function(){
this.className+=(this.className.length>0?"":"")+"sfhover";
}
obj[i].onmouseout=function(){
this.className=this.className.replace(newRegExp("(?|^)sfhover\b"),"");
}
}
}
functionDoMenu(emid)
{
varobj=document.getElementById(emid);
obj.className=(obj.className.toLowerCase()=="expanded"?"collapsed":"expanded");
if((LastLeftID!="")&&(emid!=LastLeftID))//关闭上一个Menu
{
document.getElementById(LastLeftID).className="collapsed";
}
LastLeftID=emid;
}
functionGetMenuID()
{
varMenuID="";
var_paramStr=newString(window.location.href);
var_sharpPos=_paramStr.indexOf("#");

if(_sharpPos>=0&&_sharpPos<_paramStr.length-1)
{
_paramStr=_paramStr.substring(_sharpPos+1,_paramStr.length);
}
else
{
_paramStr="";
}

if(_paramStr.length>0)
{
var_paramArr=_paramStr.split("&");
if(_paramArr.length>0)
{
var_paramKeyVal=_paramArr[0].split("=");
if(_paramKeyVal.length>0)
{
MenuID=_paramKeyVal[1];
}
}
/*
if(_paramArr.length>0)
{
var_arr=newArray(_paramArr.length);
}

//取所有#后面的，菜单只需用到Menu
//for(vari=0;i<_paramArr.length;i++)
{
var_paramKeyVal=_paramArr[i].split('=');

if(_paramKeyVal.length>0)
{
_arr[_paramKeyVal[0]]=_paramKeyVal[1];
}
}
*/
}

if(MenuID!="")
{
DoMenu(MenuID)
}
}
GetMenuID();//*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
menuFix();
--></script>
<br/>
‍

5. 就是自己做了一个html5的网站，想增加一个分享到朋友圈的功能

1、去找现成的插件就行了，搜索一个jiathis。这个目前很多都在用。

2、网络搜分享的js。

3、到青龙建站教程自学网找。

6. html5写好的微信场景秀！怎么发布到微信朋友圈中去

在素材中添加文章，在正文下方的 原文地址 处 粘贴 场景应用的网址，正文要写上引导 阅读原文 的话术。然后推送添加的文章。

7. 微信上的html5页面是怎么制作出来的

你好，微信上的HTML页面一般是用工具做出来的，很少有开发的H5案列，最常见是翻页H5，自由度比较低，只能修改图片换换位子，而专业工具自由度比较高，可以很灵活的设计H5，epub360在专业工具中上手难度适中，值得大家尝试下。

8. 用安卓代码怎么实现微信朋友圈功能

登入微信，点击发现； 点击朋友圈，选择右上角“相机”图标； 这时，自动会把你引入你手机的图库。 点击每张图片右上角的小方块灰色中显示绿色打勾，为已经选中； 微信朋友圈自定义排版最多一次只能9张，在右上角会显示你选中的数量，满了就不能选择了。 然后，点击右上角“完成”，直接又会跳入你的朋友圈照片编辑区。 你可以在上面说说一段话，比如心情、感慨、以及图片说明，按你自己喜欢了。 最后，点击右上角“发送”即可在你的朋友圈看到你发送成功的动态。

9. 求一个HTML5，分享到qq空间，微信朋友圈的代码（最好固定悬浮在页面的某个位置，可以收缩）

打开nicebox中随便一套模板，找到分享位置，右键网页选择查看源代码，就可以看到啦

10. 求大神告知Android微信朋友圈界面代码

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="cn.tomcat7..MainActivity">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<ImageView
android:layout_width="64dip"
android:layout_height="64dip"
android:src="@mipmap/ic_launcher"/>

<LinearLayout
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical">

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:maxLines="1"
android:text="赤壁赋"
android:textColor="#000000"
android:textSize="16dip"/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="壬戌之秋，七月既望，苏子与客泛舟游于赤壁之下。清风徐来，水波不兴。举酒属客，诵明月之诗，歌窈窕之章。少焉，月出于东山之上，徘徊于斗牛之间。白露横江，水光接天。纵一苇之所如，凌万顷之茫然。浩浩乎如冯虚御风，而不知其所止；飘飘乎如遗世独立，羽化而登仙。"/>
</LinearLayout>
</LinearLayout>

<View
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="#f1f1f1"/>

</LinearLayout>