咳,大家下午好,欢迎来到济南文汇软件官网。近期两天有雨,出门不要忘记带雨伞~
首先先分析一下
当点击input的时候,文字向上移动。input框下面出现一个滑动的线条,线条可以用一个i标签来写。伪元素来写也可以,具体用哪个,看心情。
先把结构写好
然后编写css美化一下页面
然后编写一个jq
当点击的时候字体变小,然后调整文字的位置。
刚才提到的i标签宽度设置为100%;时间设置的300毫秒,时间随便设置,看心情。
当失去焦点时,返回原样。
编写完毕。
下周见,Bye bye
上一篇: 介绍前端面试中可能会遇到的一个小题目
下一篇: cookie的作用、区别与使用