特效页面A_03选择性头像登录页面（js+css）（聊天室上篇）

最新推荐文章于 2022-12-26 16:32:51 发布

qq_yu_kok

最新推荐文章于 2022-12-26 16:32:51 发布

阅读量591

点赞数 2

分类专栏：特效页面文章标签： css html5 javascript node.js

本文链接：https://blog.csdn.net/qq_44382922/article/details/104295010

版权

这篇博客介绍了如何创建一个选择性头像的登录页面，特别适合新手学习。内容包括HTML、CSS和JS代码的详细说明，以及图片资源的存放方法。读者将学习到如何组织文件结构，并实现一个带有头像选择功能的登录界面。

摘要由CSDN通过智能技术生成

选择性头像登录页面（聊天室上篇）

是新人的不要错过哟

html 代码

<body>
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <div class="login-box flex-box">
        <!--登录标题栏-->
        <h2 class="sign-title box-width">登录</h2>
        <!--头像栏-->
        <div class="picture-carousel">
            <div class="arrow left-arrow">
                <div class="before-arrow"></div>
            </div>
            <img class="p1 img-setting" src="img/1.jpg" alt="1.jpg">
            <img class="p2 img-setting" src="img/2.jpg" alt="2.jpg">
            <img class="p3 img-setting" src="img/3.jpg" alt="3.jpg">
            <img class="p2 img-setting" src="img/4.jpg" alt="4.jpg">
            <img class="p1 img-setting" src="img/5.jpg" alt="5.jpg">
            <div class="arrow right-arrow">
                <div class="after-arrow">&l