jQuery点击购买按钮弹出商品已售罄提示框



133 528 177



特效描述:点击按钮弹出商品 已售罄提示框,jQuery产品售罄后提示框,点击弹出提示框。

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery1.3.2.js"></script>

2. HTML代码

<p style="text-align:center; padding:30px 0;"><input value="点击购买" class="but" type="button"></p>
<div id="faqbg"></div>
<div id="faqdiv" style="display:none">
	<h2>对不起,您购买的商品已售罄!<a href="#" class="close"><img src="images/close.jpg" /></a></h2>
	<h3>建议您选择以下商品:</h3>
	<div class="other_list">
		<ul>
			<li>
				<a href="#"><img src="images/other_products01.jpg" title="时尚华美月饼 礼月传情 中秋月饼礼盒" /></a>
				<dl>
					<dt><a target="_blank" href="#">时尚华美月饼 礼月传情 中秋月饼礼盒</a></dt>
					<dd>¥<span class="font14">176.00</span></dd>
				</dl>
			</li>
			<li class="and"><img src="images/and.jpg" /></li>
			<li>
				<a href="#"><img src="images/other_products02.jpg" title="华美月饼礼盒 金秋送福670g广式月饼 传统糕点" /></a>
				<dl>
					<dt><a target="_blank" href="#">时尚华美月饼 礼月传情 中秋月饼 礼月传情 中秋月饼礼盒礼盒</a></dt>
					<dd>¥<span class="font14">276.00</span></dd>
				</dl>
			</li>
			<li class="and"><img src="images/and.jpg" /></li>
			<li>
				<a href="#"><img src="images/other_products03.jpg" title="中秋献礼 2013华美金丽莎欧月飘香礼盒套装600g" /></a>
				<dl>
					<dt><a target="_blank" href="#">时尚华美月饼 礼月传情 中秋月饼礼盒</a></dt>
					<dd>¥<span class="font14">99.00</span></dd>
				</dl>
			</li>
		</ul>
	</div>
</div>



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


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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