0
所以我正在做一個搜索欄,我想知道如何讓我如此,當你點擊搜索欄時,它顯示不同的圖像,當你點擊它去舊圖像搜索焦點和出
CSS
/***** search form *****/
#search-form {
padding:45px 10px 0 0;
float:right;
}
#search-form fieldset {
position:relative;
width:100%;
display:block;
overflow:hidden;
}
#search-form .search-field {
float:right;
width:300px;
height:34px;
background:url(../images/search-bg.jpg) 0 0 no-repeat;
}
#search-form input {
width:245px;
font-size:14px;
line-height:1.25em;
padding:9px 15px 9px;
font-family:Arial, Helvetica, sans-serif;
background:none;
border:none;
margin:0;
outline:none;
}
#search-form .search-button {
display:block;
width:20px;
height:21px;
text-indent:-5000px;
background:url(../images/search-icon.png) left top no-repeat;
position:absolute;
right:7px;
top:7px;
}
HTML
<form id="search-form" method="post" enctype="multipart/form-data">
<fieldset>
<div class="search-field">
<input name="search" id="searchFieldBox" type="text" value="" onfocus="fieldSwap('search-bg2.png')" >
<a class="search-button" href="#" onClick="document.getElementById('search-form').submit()"></a>
</div>
</fieldset>
</form>
現在我將不得不修改以將T他的作品
非常感謝您 –
歡迎您接受這個答案,如果您發現它有用,請對其進行投票。 – 2013-10-07 01:12:46
好的,我想我還是這個網站的新手 –