jQuery手机移动端自定义确认提示框插件

jQuery手机移动端自定义确认提示框插件-精品资源网
jQuery手机移动端自定义确认提示框插件
此内容为免费资源,请登录后查看
0
免费资源

jQuery手机移动端自定义确认提示框插件

十分不错的jQuery手机移动端自定义确认提示框插件,手机点击弹出提示框代码,包含多种效果,具体看演示。

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.baidu.com/\'
		})
	})
	$(\'#demo6\').click(function () {
		jqalert({
			title:\'提示\',
			content:\'自定义弹窗内容,居左对齐显示,告知需要确认的信息等\',
			click_bg:false
		})
	})
});
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容