FavoriteLoading
0

微信号轮播显示点击复制微信号弹窗提示跳转微信

微信号轮播显示点击复制微信号弹窗提示跳转微信
微信号轮播显示点击复制微信号弹窗提示跳转微信
        <script src="http://www.zmoban.cn/ku/js/jquery-1.11.0.js"></script>
<script src="http://www.zmoban.cn/ku/js/clipboard.min.js"></script>
<style>
.clipboards{position:fixed;top:0;left:0;display:none;z-index:10001;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.4)}
.clipboards-main{position:relative;top:30%;width:80%;height:auto;padding:10px;margin:0 auto;border-radius:4px;background-color:#fff}
.clpbox,.clpbox2{padding:15px 20px;text-align:center;line-height:24px}
.clpinfo{font-size:18px;color:#ca0e00}
.clpinfo .weixin{margin-left:45%;border:1px solid red;height:35px;line-height:35px;font-size:18px;width:150px;display:block;text-align:center}
.clpinfo2{font-size:14px;color:#555;margin-top:10px}
.jwx{font-size:16px;width:100px;height:25px;line-height:25px;color:#fff;border-radius:5px 5px 5px 5px;background:#28a745;margin:10px auto}
.jwx a:visited{color:#fff;text-decoration:none}
.jwx a:link{color:#fff;text-decoration:none}
.jwx a{color:#fff}
</style>
<p class="bold">
    </p><p class=" btn" data-clipboard-text="XXXXXX">
        <font>合伙人:<i class="weixin">XXXXXX</i></font> &nbsp; &nbsp;←点击复制微信
    </p>
<p></p>
<div class="clipboards">
    <div class="clipboards-main" style="border-radius:0.48rem; background: #f8f8f8;">
        <!--<div class="clpclosed " name="closed">×
    </div>
    -->
    <div class="clpbox" style="padding:0 0.1rem; ">
        <div class="clpinfo2" style="text-align: center;font-size: 14px;line-height:0.6rem; ">
            <span style="font-size:14px;; color: #28a745; ">你已成功复制微信</span>
        </div>
        <p class="text-center">
            现在立即点击下方按钮打开微信,复制添加好友吧。会第一时间通过你的验证~
        </p>
        <div class="jwx">
            <a href="weixin://" class="ui-link">去微信</a>
        </div>
    </div>
</div>
</div>
<script>
            $(function(){
                var weixin=['11112','22222','333333','55555'];
                var index = Math.floor((Math.random()*weixin.length));
                var wx=weixin[index];
                $('.weixin').html(wx);
                $('.btn').attr('data-clipboard-text',wx);
                 var clipboard = new Clipboard('.btn');
                    clipboard.on('success', function(e) {
                        $('.clipboards').show();
                    });
                    $(".clipboards").on('click', function(a) {
                        if ($(a.target).is('.clpclosed') || $(a.target).is('.clipboards')) {
                            $(".clipboards").fadeOut();
                        }
                    });
            })
        </script>