点击后的搜索栏
答
你可以只用CSS来做。
我个人会在菜单上使用position: relative
,然后在搜索栏上使用position: absolute
。将right: 10px
和bottom: -100px
(将像素更改为搜索栏的高度)。搜索栏HTML应位于菜单内。
概括起来,到菜单中,您将添加以下的CSS:
position: relative;
要搜索栏,您将添加以下的CSS:
position: absolute;
right: 10px;
bottom: -100px;
哪里100px
是高度的搜索栏。
答
试试这个:
JS:
$(document).ready(function(){
$ ("#searchForm"). hide();
$("#searchButton").click(function(){
$("#searchForm").show();
});
});
HTML: <form id="searchForm">myForm</form> <input type="submit" id="searchButton"/>
我建议jQuery的,但也有可能是使用CSS对这个问题的一种方式。 –