搜索框聚焦伸展

发布时间：2020-08-08 02:13:36 来源：ITPUB博客阅读：130 作者：wang_0720 栏目：建站服务器

html中对应的表单

点击(此处)折叠或打开

<form target="_blank" action="/search" accept-charset="UTF-8" method="get">
<input type="text" id="q" class="search-input" name="q" placeholder="搜索" value="">
</form>

对应的js
$(function(){
$("#q").focus(function(){
$("#q").animate({"width":300},400);
});
$("#q").blur(function(){
$("#q").animate({"width":200},400);
});
});

搜索框聚焦伸展

猜你喜欢

最新资讯

相关推荐

相关标签