十分不错的jQuery手机移动端自定义确认提示框插件,手机点击弹出提示框代码,包含多种效果,具体看演示。
js代码
<scripttype="text/javascript"src="js/popups.js"></script>
<scripttype="text/javascript">
setSize();
addEventListener('resize',setSize);
functionsetSize(){
document.documentElement.style.fontSize=document.documentElement.clientWidth/750*100+'px';
}
</script>
<scripttype="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>
下载
|
|