您的位置:主页 > 网页模板 >
将下面代码复制放到你想要加载咨询条的网页的<footer>前
预览地址:https://68up.com/test/wechat.html
<!DOCTYPE html>    
<html lang="en">    
<head>    
    <meta charset="UTF-8">    
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>   
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>  
  
    <title>复制按钮</title>    
    <style>
.margingT {
margin-bottom: 60px;
}
 
.bottomAD {
-webkit-box-sizing: border-box;
height: 80px;
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
padding: 0 10px;
overflow: hidden;
width: 100%;
background: rgba(0, 0, 0, .8);
}
 
.bottom-pic {
position: absolute;
top: 10px;
width: 60px;
height: 60px;
overflow: hidden;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 
.bottom-pic img {
width: 100%;
height: 100%;
}
 
.bottom-text {
margin-left: 0px;
line-height: 80px;
font-size: 16px;
color: #fff;
}
 
.bottom-btn {
position: absolute;
top: 20px;
right: 10px;
height: 40px;
line-height: 40px;
color: #fff;
background-color: #60b900;
border-radius: 6px;
text-align: center;
font-size: 16px;
padding: 0 5px;
font-weight: bold;
}
 
.bottomAD a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
 
</style>
 
</head>    
<body>   
 
微信号:<span id="target">jitao558</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">    
    点击复制    
</button>     
 
 
<div class="bottomAD" id="bottomAD">
<div class="bottom-con">
 
<div class="bottom-text" id="bottomText">加微信的话术 微信:jitao558</div>
<div class="bottom-btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">点击复制</div>
</div>
</div>
</body>    
<script>    
    $(document).ready(function(){       
        var clipboard = new Clipboard('#copy_btn');    
        clipboard.on('success', function(e) {    
            alert("微信号复制成功",1500); 
            window.location.href='weixin://';
            e.clearSelection();    
            console.log(e.clearSelection);    
        });    
    });    
</script>    
</html>

凡本站注明“本站”或“投稿”的所有文章,版权均属于纪涛博客或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。本站已授权使用的作品,应在授权范围内使用,并注明“来源:纪涛博客”并附上链接。违反上述声明者,本站将追究其相关法律责任。

编辑:68up.com 关键词:

网友评论

随机推荐

图文聚集

热门排行

最新文章

新浪微博 腾讯微博 RSS订阅