jquery – 搜索输入滑出按钮悬停CSS3?

发布时间:2020-09-15 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了jquery – 搜索输入滑出按钮悬停CSS3?编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当鼠标悬停在输入框中的“搜索”文本上时,我设法将输入字段滑出.但我宁愿使用“GO”按钮悬停幻灯片动画(也可以提交).

Fiddle

我想将.search输入{width:80px;}更改为30px,以便隐藏输入字段,直到搜索按钮悬停,但我不确定如何只使按钮触发此动画.

解决方法

试试这个伙伴: http://jsfiddle.net/7yAv7/10/

我做的是更改.search输入:将鼠标悬停选择器转换为.search:hover输入.

这意味着如果将鼠标悬停在.search容器的任何部分上,输入应该动画出来.

不是100%你想要的,但希望它有助于作为一个起点.

总结

以上是编程之家为你收集整理的jquery – 搜索输入滑出按钮悬停CSS3?全部内容,希望文章能够帮你解决jquery – 搜索输入滑出按钮悬停CSS3?所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!