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>