jQuery手機端彈出時間選擇代碼



108 428 143



特效描述:jQuery 手機端彈出 時間選擇代碼,jQuery手機端彈出時間選擇代碼

代碼結構

1. 引入CSS

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

2. 引入JS

<script src="js/jquery-1.10.2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/payment.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.10.2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/payment.js" type="text/javascript" charset="utf-8"></script>

3. HTML代碼

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="Description" content=""/>
<meta name="Keywords" content=""/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body class="bg-2">
<!--header-->
<div id="header">
	<div class="header">
		<div class="header_left">
			<a href="#" class="cor-4"><</a>
		</div>
		<div class="header_title">
			<h1>時間匹配</h1>
		</div>
	</div>
</div>
<div id="wrap">
	<div class="wrap">
		<div class="payment_time">
			<div class="payment_time_title bg-3">
				<label class="cor-3">入場時間</label><span><em class="cor-6">點擊我彈出</em> ></span>
			</div>
			<div id="bg">
			</div>
			<div class="payment_time_mask">
				<ul>
					<li>1小時內</li>
					<li>2小時內</li>
					<li>3小時內</li>
					<li>5小時內</li>
					<li>10小時內</li>
					<li>24小時內</li>
					<li>24小時外</li>
				</ul>
			</div>
		</div>
	</div>
</div>
</body>
</html>



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


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 日期時間 時鐘 日歷 時間 日歷插件 時間日期插件 提示框/彈出層 時間日期插件 時間日期
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

湖北30选5开奖结果走势图表