㈠ 哪位大哥有類似微信公眾號首頁的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/>
㈡ 前端大神，html+css仿微信底部菜單，有沒有
http://..com/question/1382557210628495180.html?oldq=1
㈢ 用JS和html怎麼做出一個簡單的聊天窗口（類似微信）
單純js和html無法實現通訊，需要搭建後台服務與前端WebSocket比較容易實現。
㈣ 前端大神，html+css仿微信底部菜單，有沒有
如果你確定要走程序這條路,那麼現在就開始努力吧,不要猶豫
加入一個it 公司,小公司,大公司皆可.
憑你現在所學所懂,可以應聘前端工程師,在大學畢業的初期我建議就不要想什麼待遇了,2500-3000左右都可以接受,或者更低.(我當年1000)
加入項目,踏踏實實的做項目,1年後,如果你不是在混日子,工資漲百分70或者翻倍沒有問題
想要提高,就必須了解後端,了解資料庫等等知識.
因為現在對前端的定義已經和過去不同了,過去前端其實就是ui美工,會出psd就足夠了,好點的會切片,會寫html,過去一個會js的前端就算牛了,而現在對前端的要求要更高,我們公司的很多前端都是後端轉過去的 .
㈤ 如何利用html製作手機微信頁面
單純的自己寫HTML很難，利用bootstrap可以輕松完成的
㈥ html JavaScript怎麼做微信網頁。
你直接網路 微信公眾平台 然後注冊
㈦ js html5 仿微信搖一搖 怎麼控制觸發時間
HTML5 有很多強大的功能，比如獲取設備的 x y z 坐標。這些值都可以通過代碼獲取並呈現出來。
也可以計算加速度及設備移動的方向，不知未來還會有多強大！
也不知什麼機會看到了搖一搖，網頁版本的。從網上看了一下，編寫了一個代碼，測試成功，貼出來。
可以後期加上很多功能，比如做個音樂播放器，或者內嵌到自己個性博客中等等。
下面是HTML源代碼，
//Javascript
var SHAKE_THRESHOLD = 3000;
var last_update = 0;
var x = y = z = last_x = last_y = last_z = 0;
function init() {
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false);
} else {
alert('not support mobile event');
}
}
function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if ((curTime - last_update) > 100) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;
if (speed > SHAKE_THRESHOLD) {
alert("搖動了，播放");
var media=document.getElementByIdx_x("musicBox");//獲取音頻控制項
media.setAttribute("src","http://1.html5weby1y.sinaapp.com/2.mp3");
media.load();//載入音頻
media.play();//播放音頻
}
last_x = x;
last_y = y;
last_z = z;
}
}
html body onload="init()"
\
用力搖一搖你手機\
\
㈧ html網頁怎麼在微信小程序web
使用WxParse可以將html轉成小程序的wxml，不過我還是建議自己手工重寫一遍代碼，小程序代碼跟html的差不多，小程序的標簽更少，原生標簽功能更強大，如果你已經會寫普通web前端，小程序大同小異，一看就會了
㈨ 求告知微信公眾號怎麼做一個類似這樣的HTML頁面
這個是微信官方的頁面模板功能，需要開通原創才能使用，不過可以用第三方小螞蟻Page頁面模板可以實現，而且能做出比這個更加強大的效果。
小螞蟻Page頁面模板，是提供移動端頁面模板的在線文章分類整理工具。可以對移動端發布的文章進行分類整理匯總到一個頁面，用戶通過這個頁面鏈接可以進入你的所有文章內容，目前完美匹配微信公眾號的頁面模板功能，主要適用於自媒體公眾號的文章內容整理重新匯總，發布一個鏈接放在自定義菜單裡面
㈩ 如何在網頁端實現一個仿微信的聊天窗口
其實那個二維碼就是一個網址，你掃描完，手機就發送了一個http請求，這個GET請求發送一些數據給微信的伺服器，微信收到這個請求校驗以後就返回到手機，手機上出現一個確認頁面，點擊以後在伺服器完成鑒權，然後在web端更新頁面（看樣子web有個監聽是否完成請求的js?）