现在的位置: 首页 > 综合 > 正文

一段纯脚本的modal,没用框架

2013年01月31日 ⁄ 综合 ⁄ 共 1346字 ⁄ 字号 评论关闭
<div id="wechat_modal" style="background-clip: padding-box;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.3);  border-radius: 6px 6px 6px 6px;  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; margin: -200px 0 0 -200px;overflow: hidden; position: fixed; top: 50%; width:360px;height:360px; overflow:hidden;font:14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;">
<div id="wechat_modal_header" style="border-bottom: 1px solid #EEEEEE; padding: 9px 15px;"><a style="text-decoration:none;  margin-top: 2px; color: #000000; float: right;  font-size: 20px;  font-weight: bold; cursor:pointer;line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;" onclick="javascript:document.getElementById('wechat_modal').style.display='none';" target="_self">×</a><h3 id="jiathis_weixin_h3" style=" line-height: 30px; margin: 0; font-weight:normal; font-family:" 微软雅黑";"="">分享到微信朋友圈</h3></div>
<div style="text-align:center;height:251px;margin:0;padding:0;"><p style="margin:0;padding:0;"><img src="" alt="二维码加载失败" style="margin-top:15px;" width="220" height="220"></p>
</div>
<div style=" background-color: #F5F5F5;  border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; height:100%;padding:0 10px;padding-top:11px;text-align: right; font-size:12px;"><div style="text-align:left;margin:0; padding:0;font-size:12px;">打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。 <a href="" target="_blank">如何使用?</a></div>
</div>
</div>

抱歉!评论已关闭.