仿QQ资料页面html网站源码

李康哲 • 2023年 8月 3日下午9:49 • 网站源码 • 阅读 213

分享一款仿QQ资料卡页面的单页源码，可以作为网站客服页面，点击可以直接添加客服QQ号码，非常方便简洁的引导页，页面可以自定义打开或者关闭背景音乐。

演示页面

https://www.xiaolanzy.com/68518549/（源码免费下载，回复后显示下载地址）

下载地址

您需要回复本文后才能查看完整内容

立即回复

已经回复？立即刷新

源码展示

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>李康哲 - 联系方式 - 小蓝娱乐网</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="https://www.xiaolanzy.com/wp-content/uploads/2023/08/2023080306245812.png">
    <audio src="etc/C4000042Wi3h4LjMsJ.m4a" id="audio"></audio>
</head>

<body>
    <div class="container">
        <div class="user-form">
            <div class="bg-user">
                <div class="top"><img src="images/bj.jpeg"></div>
                <div class="circle"><img src="http://q1.qlogo.cn/g?b=qq&nk=68518549&s=640"></div>
                <p class="user-title">小蓝</p>
                <p class="user-qq">QQ: 68518549</p>
                <div class="idcard"><img src="images/svip.png"></div>
                <div class="zan"><img src="images/zan.png"></div>
                <p class="sign-text"><img src="images/person.jpeg">&nbsp;神&nbsp;|&nbsp;狮子座&nbsp;|&nbsp;中国&nbsp;</p>
                <p class="sign-text"><img src="images/sign.jpeg"><a href="https://www.xiaolanzy.com/">小蓝娱乐网分享网站源码</a></p>
                <p class="sign-text"><img src="images/qzone.jpeg"><a href="https://mp.qzone.qq.com/u/68518549?uin=68518549&is_famous_space=0&brand_flag=0">&nbsp;Ta的空间</a></p>
                <p class="sign-text"><img src="images/camera.jpeg">&nbsp;精选照片</p>
                <div class="border-img"><img src="images/1.gif"></div>
                <button class="btn-blue" onclick="window.open('tencent://message/?uin=68518549&Menu=yes')">添加好友</button>
                <button class="btn-music" id="music">音乐设置</button>
            </div>
        </div>
    </div>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/sweetalert.min.js"> </script>
    <script src="js/main.js"></script>
</body>

</html>

原创文章，作者：李康哲，如若转载，请注明出处：https://www.xiaolanzy.com/55.html