垃圾分类小网页

最新推荐文章于 2024-05-31 01:38:32 发布

bigchubbyCat

最新推荐文章于 2024-05-31 01:38:32 发布

阅读量4.2k

点赞数 6

分类专栏： Javascript JQuery html

本文链接：https://blog.csdn.net/XYULILI/article/details/98382442

版权

首先来个主界面预览（其实只有一个界面）：

主要是做了一个搜索框，从服务器请求数据，并显示在界面上；主要使用的是JQuery，向输入框内输入关键字并向服务器发出请求，请求成功则将返回信息的关键部分渲染在搜索建议框内，点击搜索建议框，搜索框会自动补全，然后点击搜索按钮显示搜索结果（界面比较简陋，后期慢慢改进）。“欢迎来到垃圾分类小助手”做了一点小动画。

搜索效果如下：

.html代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../images/01.ico"/>
    <link href="../CSS/main.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-3.4.1.js" type="text/javascript"></script>
    <title>垃圾分类小助手</title>
</head>
<body>
<div class="header box animate">
    <img src="../images/03.png" width="60px" height="60px" alt=""><br>
    <h1>欢迎来到垃圾分类小助手</h1>
</div>
<div class="option">
    <h3>

最低0.47元/天解锁文章

bigchubbyCat

关注

6
点赞
踩
33

收藏

觉得还不错? 一键收藏
0
评论
垃圾分类小网页

首先来个主界面预览（其实只有一个界面）：主要是做了一个搜索框，从服务器请求数据，并显示在界面上；主要使用的是JQuery，向输入框内输入关键字并向服务器发出请求，请求成功则将返回信息的关键部分渲染在搜索建议框内，点击搜索建议框，搜索框会自动补全，然后点击搜索按钮显示搜索结果（界面比较简陋，后期慢慢改进）。“欢迎来到垃圾分类小助手”做了一点小动画。搜索效果如下：.html代...
复制链接

扫一扫

专栏目录