jQuery遮罩弹出菜单滑动选择特效代码下载


jQuery遮罩弹出菜单滑动选择特效代码下载
jQuery遮罩弹出菜单滑动选择特效代码下载以及遮罩弹出菜单、滑动选择等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script src="js/jquery.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/hSdrop.js" type="text/javascript" charset="utf-8"></script>

3. HTML代码

		<div class="container">
			<div class="x12">
				<div class="x12 m-form-gp">
					<div class="x12 m-from-tips">十九大的主题是 <span>*</span></div>
					<div class="x12 m-from-input select-xi sele-bp">
						<input type="text" name="" id="" value="" placeholder="请选择" disabled="disabled" />
						<i class="iconfont iconqangwang-xia"></i>
					</div>
					<!-- 下拉数据 -->
					<div class="display-none">
						<div vid="1">继续前进</div>
						<div vid="0">牢记使命</div>
						<div vid="2">方得始终</div>
						<div vid="3">砥砺前行</div>
					</div>
				</div>
				<div class="x12 m-form-gp" style="margin-top: 20px">
					<div class="x12 m-from-tips">面对世界经济复苏乏力 <span>*</span></div>
					<div class="x12 m-from-input select-xi sele-bp">
						<input type="text" name="" id="" value="" placeholder="请选择" disabled="disabled" />
						<i class="iconfont iconqangwang-xia"></i>
					</div>
					<!-- 下拉数据 -->
					<div class="display-none">
						<div vid="1">新阶段 稳中求进</div>
						<div vid="0">新阶段 创新驱动</div>
						<div vid="2">新常态 稳中求进</div>
						<div vid="3">新常态 创新驱动</div>
					</div>
				</div>
			</div>
		</div>

相关推荐

发表评论

相关文章