利用jQuery實現右側彈出省市城市選擇代碼



17 64 22



特效描述:利用jQuery實現 右側彈出 省市城市 選擇代碼,利用jQuery實現右側彈出省市城市選擇代碼

代碼結構

1. 引入CSS

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

2. 引入JS

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

3. HTML代碼

<li class="lis">
	<h4>您的糾紛對象常住在哪里?</h4>
	<!--選擇地區-->
	<section class="express-area">
		<a id="expressArea" href="javascript:void(0)">
			<dl>
				<dt>請選擇地點</dt>
				<dd>省 - 市 </dd>
			</dl>
		</a>
	</section>
	<!--選擇地區彈層-->
	<section id="areaLayer" class="express-area-box">
		<article id="areaBox">
			<ul class="remen" id="remen">
				<li class="lastli">熱門城市</li>
				<li class="list">北京</li>
				<li class="list">上海</li>
				<li class="list">廣州</li>
				<li class="list">深圳</li>
				<li class="list">天津</li>
				<li class="list">重慶</li>
			</ul>
			<div class="top">
				<h3>選擇城市</h3>
			</div>
			<ul id="areaList" class="area-list" style="margin-bottom: 500px;"></ul>
		</article>
	</section>
	<!--遮罩層-->
	<div id="areaMask" class="mask"></div>
</li>
<div style="text-align:center;margin:150px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



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


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 提示框/彈出層 復選框 復選按鈕 復選框美化
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子 高频彩大全 近30期双色球走势 3d试机号对应码对照表 世界杯胜平负计算器 重庆时时采彩开奖统计 22选5幸运之门 北京十一选五开奖昨天结果 世爵娱乐平台 cod那个模式赚钱快 飞禽走兽抽水设置 最精准的三肖六码准 老师正规答题赚钱软件下载 nba竞猜大奖 下载上海天天彩选四 山西快乐十分走势图68 正版街机捕鱼网络版