咳，大家下午好，歡迎來到濟(jì)南文匯軟件官網(wǎng)。近期兩天有雨，出門不要忘記帶雨傘~
首先先分析一下
當(dāng)點擊input的時候，文字向上移動。input框下面出現(xiàn)一個滑動的線條，線條可以用一個i標(biāo)簽來寫。偽元素來寫也可以，具體用哪個，看心情。
先把結(jié)構(gòu)寫好
然后編寫css美化一下頁面
然后編寫一個jq
當(dāng)點擊的時候字體變小，然后調(diào)整文字的位置。
剛才提到的i標(biāo)簽寬度設(shè)置為100%;時間設(shè)置的300毫秒，時間隨便設(shè)置，看心情。
當(dāng)失去焦點時，返回原樣。
編寫完畢。
下周見，
Bye bye
上一篇： 介紹前端面試中可能會遇到的一個小題目
下一篇： cookie的作用、區(qū)別與使用
