jQuery抢红包点击弹出抢红包提示代码



171 682 228



特效描述:抢红包弹出 点击弹出提示,jQuery抢红包的时候弹出提示代码

代码结构

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/tipswindown.js"></script>

3. HTML代码

<script type="text/javascript">
/*
*弹出本页指定ID的内容于窗口
*id 指定的元素的id
*title:	window弹出窗的标题
*width:	窗口的宽,height:窗口的高
*/
function showTipsWindown(title,id,width,height){
	tipsWindown(title,"id:"+id,width,height,"true","","true",id);
}
function confirmTerm(s) {
	parent.closeWindown();
	if(s == 1) {
		parent.document.getElementById("isread").checked = true;
	}
}
//弹出层调用
function popTips(){
	showTipsWindown("抢红包", 'simTestContent', 600, 255);
	$("#isread").attr("checked", false);
}
$(document).ready(function(){
	$("#isread").click(popTips);
	$("#isread-text").click(popTips);
});
</script> 
<div class="wrapper" style="min-height: 736px;">
	<div class="text">
    	<span>恭喜你!你抢到<label>3.00</label>元</span>
    </div>
	<div class="red">
    	<img src="images/red.png" />
    </div>
	<div class="rob">
    	<img src="images/img1.jpg" />
    </div>
    <div class="btn">
		<a href="#" id="isread-text" class="orgBtn">抢红包</a>    
	</div>
</div>
<div style="display:none;" >
	<div id="simTestContent" class="simScrollCont">
		<div class="mainlist">
			<div class="open">
				<span>恭喜你抢到了 30.00 元</span>
			</div>
		</div>
		<div class="btnbox"><input type="button" id="confirmTerm" value="确定" onClick="confirmTerm(1);" class="confirmBtn"/></div>
	</div>
</div>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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