html5简单的手机端弹出对话框确认代码



154 614 205



特效描述:html5手机端 弹出对话框确认,html5手机端弹出对话框

代码结构

1. 引入JS

<script src="js/zepto.js"></script>
<script src="js/touch.js"></script>
<script src="js/zepto.dialog.js"></script>
<script src="js/zeptoDialog.js"></script>
<script src="js/zpDialog.js"></script>
<script src="js/zpDialogTwo.js"></script>
<script src="js/zpDialogThree.js"></script>
<script src="js/zpDialogFour.js"></script>
<script src="js/zpDialogFive.js"></script>
<script src="js/zpDialogSix.js"></script>
<script src="js/zpDialogSeven.js"></script>
<script src="js/dialog.js"></script>

2. HTML代码

<!-- <div class="dialog-container">
	<div class="dialog-window">
		<div class="dialog-header loading">
		</div>
		<div class="dialog-content">这个一个等待框</div>
		<div class="dialog-footer">
			<button class="blue">按钮1</button>
			<button >按钮2</button>
			<button class="red">按钮3</button>
		</div>
	</div>
</div> -->
<button id = "btn1">没有传递任何参数(需手动关闭)</button>
<button id = "btn2">弹出一个不带任何按钮,且是警告的框,并且两秒后自动关闭</button>
<button id = "btn3">弹出一个有确认的取消的按钮的成功框,点击按钮直接关闭</button>
<button id = "btn4">弹出一个有确认的警告框,点击按钮不可以关闭(需要手动关闭)</button>
<button id = "btn5">弹出一个多组合的按钮框,且按钮样式可以定制</button>
<button id = "btn6">弹出一个确认和删除的框,点击确认弹出加载2秒自动关闭,点击删除按钮把上一次框关闭</button>
<button id = "btn7">带动画的弹出框</button>
<script>
	$('#btn1').tap(function(){
		var d = $.dialog();
	});
	$('#btn2').tap(function(){
		var d = $.dialogTwo();
	});
	$('#btn3').tap(function(){
		var d = $.dialogThree();
	});
	$('#btn4').tap(function(){
		var d = $.dialogFour();
	});
	$('#btn5').tap(function(){
		var d = $.dialogFive();
	});
	$('#btn6').tap(function(){
		var d = $.dialogSix({
			type:'warning',
			message:'这是一个警告框!',
			buttons:['<button id="right" class="blue">确认</button>',
			'<button id="cancle" class="red">删除</button>']
		})
	});
	$('#btn7').tap(function(){
		var d = $.dialogSeven();
	});
</script>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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