搜索框的動態伸縮原生代碼簡單實現

現在大多數的網站搜索框只是一個搜索的icon圖，只有當你鼠標一上去的時候纔會自動伸長輸入搜索，移開時自動收縮 話不多說上代碼 html部分使用icon和input兩個部分，加上簡單的css樣式實現，如圖 當你的鼠標移上去的時候，長度增加到自己想要的或者合適的長度即停止 js代碼主要使用setInterval實現， width++反之--；同時添加當長度和時候自動添加輸入光標由setTimeout+

>>阅读原文<<