jQuery手机端顶部搜索框滑动下拉代码



93 369 124



特效描述:jQuery手机端 顶部搜索框 滑动下拉代码, jQuery手机端顶部搜索框滑动下拉代码

代码结构

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/style.css">

2. 引入JS

<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>

3. HTML代码

<header>
	<h1>网站首页</h1>
	<button id="toggle-menu" class="header-button">菜单</button>
	<button id="toggle-basket" class="header-button">购物车</button></li>
	<button id="toggle-search" class="header-button">搜索</button></li>
	<form id="search-form" action="">
		<fieldset>
			<input name="search-terms" type="search" placeholder="请输入搜索内容" />
		</fieldset>
		<input type="submit" value="确定" />
	</form>
</header>
<div class="main"></div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 收缩展开 展开收缩 收缩 展开 切换按钮 表单 表单美化 表单插件 表单美化插件 滑动导航菜单 滑动导航 滑动菜单 收缩菜单 收缩导航 文本框 text文本框 下拉框 select下拉菜单 select美化 select美化框 搜索框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到