您好,欢迎来到步遥情感网。
搜索
您的当前位置:首页css实现一款漂亮的查询框_html/css

css实现一款漂亮的查询框_html/css

来源:步遥情感网


看到一款很漂亮的搜索框,于是就实现了下,现在展现给大家,希望大家喜欢。


首先,看看效果。



失去焦点时


获得焦点时


鼠标经过go按钮时

上面展示的是实现后的效果,实现的主要在css控制,再次,添加了text的获得焦点和失去焦点的事件,下面是详细代码:

1、css样式

 

2、js代码
  

3、html代码
  

如有疑问可联系:

QQ:1004740957

Email:niujp08@qq.com

Copyright © 2019- obuygou.com 版权所有 赣ICP备2024042798号-5

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务