㈠ 哪位大哥有类似微信公众号首页的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?）