案例:模擬百度搜索框自動加載內容

實現效果如下 我們重點分析js代碼,所以html和css不做過多解釋(想了解的直接看結尾的源代碼) js需求分析: 需求一:搜索框txt鍵盤彈起:獲取文本,根據搜索文本顯示對象的ul內容列表; 需求二:內容列表鼠標移入,顏色改爲灰色; 需求三:內容列表鼠標移出,顏色恢復原來的顏色; 需求四:需求內容列表鼠標單擊:1.搜索框文本變成單擊的元素文本;2.內容列表自動清空. 需求一完整的步驟: (需求一

>>阅读原文<<