特效描述：html5手机端 分享微信朋友圈。html5手机端分享微信朋友圈代码

代码结构

1. HTML代码



button{width:100%;text-align:center;border-radius:3px;}

.button2{font-size:16px;padding:8px 0;border:1px solid #adadab;color:#000000;background-color: #e8e8e8;background-image:linear-gradient(to top, #dbdbdb, #f4f4f4);background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#dbdbdb),to(#f4f4f4));box-shadow: 0 1px 1px rgba(0,0,0,0.45), inset 0 1px 1px #efefef; text-shadow: 0.5px 0.5px 1px #ffffff;}

.button2:active{background-color: #dedede;background-image: linear-gradient(to top, #cacaca, #e0e0e0);background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#cacaca),to(#e0e0e0));}

#mess_share{margin:15px 0;}

#share_1{float:left;width:49%;}

#share_2{float:right;width:49%;}

#mess_share img{width:22px;height:22px;}

#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}

#guide{display:none;position:absolute;right:18px;top:5px;z-index:19999;}

#guide img{width:260px;height:180px;}

var _system={

$:function(id){return document.getElementById(id);},

_client:function(){

return {w:document.documentElement.scrollWidth,h:document.documentElement.scrollHeight,bw:document.documentElement.clientWidth,bh:document.documentElement.clientHeight};

},

_scroll:function(){

return {x:document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft,y:document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop};

},

_cover:function(show){

if(show){

this.$("cover").style.display="block";

this.$("cover").style.width=(this._client().bw>this._client().w?this._client().bw:this._client().w)+"px";

this.$("cover").style.height=(this._client().bh>this._client().h?this._client().bh:this._client().h)+"px";

}else{

this.$("cover").style.display="none";

}

},

_guide:function(click){

this._cover(true);

this.$("guide").style.display="block";

this.$("guide").style.top=(_system._scroll().y+5)+"px";

window.οnresize=function(){_system._cover(true);_system.$("guide").style.top=(_system._scroll().y+5)+"px";};

if(click){_system.$("cover").οnclick=function(){

_system._cover();

_system.$("guide").style.display="none";

_system.$("cover").οnclick=null;

window.οnresize=null;

};}

},

_zero:function(n){

return n<0?0:n;

}

}