jQuery手机移动端弹出确认提示框插件

来源:https://www.sucaihuo.com/js/3569.html 2018-03-23 14:33浏览(3553) 收藏

简单实用的jQuery手机移动端弹出确认提示框插件,有多种效果可选择。
jQuery手机移动端弹出确认提示框插件
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript" src="js/popups.js"></script>
    <script type="text/javascript">
        setSize();
        addEventListener('resize',setSize);
        function setSize() {
            document.documentElement.style.fontSize = document.documentElement.clientWidth/750*100+'px';
        }
    </script>
    <script type="text/javascript">
	$(function () {
		$('#demo1').click(function () {
			jqtoast('你点击了toast')
		})
		$('#demo2').click(function () {
			jqalert({
				title:'提示',
				content:'自定义弹窗内容,居左对齐显示,告知需要确认的信息等'
			})
		})
		$('#demo3').click(function () {
			jqalert({
				title:'提示',
				content:'自定义弹窗内容,居左对齐显示,告知需要确认的信息等',
				yestext:'知道了',
				notext:'取消'
			})
		})
		$('#demo4').click(function () {
			jqalert({
				title:'提示',
				prompt:'请问你叫什么名字?',
				yestext:'提交',
				notext:'取消',
				yesfn:function () {
					jqtoast('提交成功');
				},
				nofn:function () {
					jqtoast('你点击了取消');
				}
			})
		})
		$('#demo5').click(function () {
			jqalert({
				title:'提示',
				content:'自定义弹窗内容,居左对齐显示,告知需要确认的信息等',
				yeslink:'https://www.sucaihuo.com/'
			})
		})
		$('#demo6').click(function () {
			jqalert({
				title:'提示',
				content:'自定义弹窗内容,居左对齐显示,告知需要确认的信息等',
				click_bg:false
			})
		})
	});
    </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2