0
点赞
收藏
分享

微信扫一扫

手机端启动微信代码

 注意:需要引入jq

<li> <a class="wxc" href="javascript:void(0);">微信咨询</a></li>
<div class="mast" style="display: none;"></div>
<div class="flex_main" style="display: none;">
<h3>微信咨询</h3>
<p class="a1">获得更多课程内容详情</p>
<p class="a2">长按下方按钮复制并添加微信</p>
<p class="a3" style="color:#fff">13203855113</p>
<a href="weixin://">打开微信客户端</a>
</div>
<style>
.blink{animation: blink .75s linear infinite; -webkit-animation: blink .75s linear infinite;-moz-animation: blink .75s linear infinite;-ms-animation: blink .75s linear infinite;-o-animation: blink .75s linear infinite;}
.mast{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,.8);}
.flex_main{display: none;text-align: center; position: fixed;width: 80%;padding:3% 2%; top: 30%;left: 10%;z-index: 9999;background: #fff;border-radius: 5px;box-shadow: 0 0 10px #666;}
.flex_main h3{font-size: 20px;margin-bottom: 10px;}
.flex_main p.a1{font-size: 14px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.flex_main p.a2{font-size: 12px;color: #137ec3;padding: 10px;}
.flex_main p.a3{font-size: 18px;color: #fff;background: #137ec3;border-radius: 8px;padding: 10px;margin-bottom: 10px;}
.flex_main a{color: #000;font-size: 16px;}
</style>
<script type="text/javascript">
$('.wxc,.wxc2').click(function() {
$('.mast,.flex_main').show();
});
$('.mast').click(function() {
$('.mast,.flex_main').hide();
});
</script>

 


举报

相关推荐

0 条评论