看到一款很漂亮的搜索框，于是就实现了下，现在展现给大家，希望大家喜欢。
首先，看看效果。
失去焦点时
获得焦点时
鼠标经过go按钮时
上面展示的是实现后的效果，实现的主要在css控制，再次，添加了text的获得焦点和失去焦点的事件，下面是详细代码：
1、css样式
2、js代码
3、html代码
如有疑问可联系：
QQ：1004740957
Email：niujp08@qq.com
看到一款很漂亮的搜索框，于是就实现了下，现在展现给大家，希望大家喜欢。
首先，看看效果。
失去焦点时
获得焦点时
鼠标经过go按钮时
上面展示的是实现后的效果，实现的主要在css控制，再次，添加了text的获得焦点和失去焦点的事件，下面是详细代码：
1、css样式
QQ：1004740957
Email：niujp08@qq.com
本文是由用户编写整理，所有内容的版权归原作者所有。如果侵犯了您的权益，请联系我删除