艾在救援网站首页（使用html,css,html DOM语言）

已于 2022-12-29 17:35:44 修改
阅读量170 收藏
点赞数
文章标签： javascript html 前端
于 2022-12-29 14:16:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67358825/article/details/128480843
版权
这是一个艾滋病阻断药售卖网站的前端页面，使用HTML, CSS和JavaScript实现。网页包含欢迎语、登录注册功能、导航菜单、轮播图、公告和内容板块。用户点击可以改变页面元素内容，如登录时会触发JavaScript操作，通过AJAX将数据发送到后端。此外，网站还展示了关于艾滋病的预防和治疗方法的相关信息。" 113085573,10547486,Ubuntu安装CUDA Toolkit与Kernel Headers,"['GPU编程', 'CUDA', 'Linux系统管理', '软件安装', 'Ubuntu']
摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8" />

        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

        <meta name="keywords" content="艾滋病阻断药" />

        <meta name="description" content="艾滋病阻断药售卖" />

        <title>艾滋病阻断药售卖网站</title>

//导入外联样式表

        <link rel="stylesheet" type="text/css" href="/css/style.css" />

        <link rel="stylesheet" type="text/css" href="/css/popup.css"/>

    </head>

    <body>

        <span class="wel_word fl">欢迎访问艾滋病阻断药售卖网站！</span>

//html DOM：当用户点击时会改变h1里面的内容

        <h1 οnclick="this.innerHTML='Welcomes!'">点击此处!</h1>

        <!--header start-->

        <div class="header_wrap">

            <div class="header">

                <span class="corner fr">

                    <ul>

                        <li class="login_li"><a href="javascript:void(0);" class="tc">登录</a></li>

                        <li><a href="/user/register">注册</a>|</li>

                        <li><a href="/admin">找回密码</a>|</li>

                        <li class="user_li nLi">

                            <a F;">登录名</a>

                        </li>

                    </ul>

                    <div class="clear"></div>

                </span>

                <div class="clear"></div>

            </div>

            <div id="gray"></div>              

            <div class="popup" id="popup">              

                <div class="top_nav" id='top_nav'>

                    <div align="center">

                        <i></i>

//设计登录界面

                        <span>登录账号</span>

                        <a class="guanbi"></a>

                    </div>

                </div>                  

                <div class="min">                  

                    <div class="tc_login">                                          

                        <div class="login_register">

                            <form   id="register-form"  target="_top" >

                                <div align="center">

                                    <i class="icon-mobile-phone"></i>

                                    <input type="text" name="name" id="name" required="required" placeholder="用户名" autocomplete="off" class="input_yh">

                                    <input type="password" name="pass" id="pass" required="required" placeholder="密码" autocomplete="off" class="input_mm">

                                </div>

                                <dd>

                                    <div class="user">

                                        <input type="checkbox" name="user" id="user" value="记住用户" class="r_user" />记住用户

                                        <a href="password.html" target="_blank">忘记密码？</a>

                                    </div>

                                </dd>

                                <div align="center">

                                    <input type="button" id="register-btn" class="button" title="Sign In" value="登录">

                                </div>

                                <dd>

                                    <!-- <div align="center"><a href="register.html" target="_blank">立即注册！</a></div> -->

                           

最低0.47元/天 解锁文章
W___yy
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值