微信公众号页面提醒关注悬浮框

前言

平常开发微信公众号时,客户总是会要求做个提示,引导未关注公众号的用户进行扫码关注, 而做一个不占地方又显眼的悬浮框是个关键。

正文

代码

<!--微信关注提醒 start-->
    <!-- {if !get_subscribe($user['id'])}-->
    <button class="guide" onclick="follow_wx()">关注公众号</button>
    <style type="text/css">
    .guide{width:20px;height:100px;text-align: center;border-radius: 8px ;font-size:12px;padding:8px 0;
border:1px solid #adadab;color:#000000;background-color: #fff;position: fixed;right: 6px;bottom: 200px;}
    #cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
    #guide{display:none;position:absolute;top:5px;z-index:19999;}
    #guide img{width: 70%;height: auto;display: block;margin: 0 auto;margin-top: 10px;}
    </style>
    <script type="text/javascript">
    // 关注微信公众号二维码
    function follow_wx()
    {
        layer.open({
            type : 1,
            title: '关注公众号',
            content: '<img src="需要修改的图片地址" width="200">',
            style: ''
        });
    }
    </script>
    <!--{/if} -->
<!--微信关注提醒  end-->

总结

以上就是微信公众号提醒的全部内容了,喜欢的朋友赶快试试吧

© 版权声明
THE END
喜欢就支持以下吧
点赞4545赞赏
分享
评论 抢沙发

请登录后发表评论