jQuery仿蘋果官網按鈕滑動搜索框代碼



155 617 206



特效描述:按鈕滑動 滑動搜索框,這是一款仿蘋果官網搜索按鈕的功能,點擊搜索之后輸入框出來,輸入框輸入文字,點擊刪除輸入框文字特效

代碼結構

1. 引入CSS

<link rel="stylesheet"  href="css/base.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"/></script>

3. HTML代碼

<div style="width:420px;margin:40px auto 0 auto;">
	<form id="search_mini_form" action="#" method="get">
		<div class="form-search">
			<button type="submit" title="Search" class="button"></button>
			<input id="search" type="text" name="q" value="" placeholder="Search" class="input-text" maxlength="128" />
			<button type="reset" id="gh-search-reset" class="gh-search-reset"><span class="gh-text-replace">×</span></button>
		</div>
	</form>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 滑動選項卡 滑動切換 搜索框
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子