仿淘寶JSsearch搜尋下拉深度用法解析
javascript
用法
本文主要透過仿照淘寶搜尋關鍵字後下拉相關產品搜尋樣子的製作，深度分析了JSsearch的用法，一起跟著小編學習下。
我們先給出本次關於JSsearch程式的相關原始碼：https://gitee.com/skyogo/JSsearch
我們下載JSsearch1.0 Community版本
下載好了之後我們再下載一個類似淘寶的購物頁面
然後，我們打開這個頁面，會發現是這樣的
此時我們關掉頁面，將我們的JSsearch.js拷貝一份到淘寶頁面的根目錄的js資料夾下面
拷貝完了之後，我們在html頁面中引入它（在body最底部寫）
<script src="js/JSsearch.js"></script> <script> </script>
登入後複製
然後我們在上面的第76行（input標記下面）寫上這段程式碼
<p id="search-recommend"> 没有搜索结果 </p>
登入後複製
然後我們打開css/index.css文件，在裡面寫上這段css樣式表
#search-recommend{
height: 40px;
width: 580px;
position: absolute;
top: 110px;
border: 1px gray solid;
padding-left: 20px;
box-sizing: border-box;
padding-top: 11px;
font-size: 15px;
cursor: pointer;
background: white;
}登入後複製
運行一下html頁面，發現搜尋框下面多出了一個框
至此，我們的html和css程式碼就寫完了，接下來，我們來寫js程式碼
我們現在將頁面關閉，打開開發工具，在index.html裡面找到大約是2754行的
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫：如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險：如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間？
3 週前
By DDD
R.E.P.O.保存文件位置：在哪里以及如何保護它？
3 週前
By DDD
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
