<!DOCTYPE html>
HTML模板
<br /> form{<br /> position:absolute<br /> left:100px<br /> top:50px<br /> width:400px<br /> height:300px<br /> border:1px solid #aaaaaa<br /> }<br />
<br /> var t<br /> function closeForm(){<br /> var form=document.getElementById("form")<br /> form.style.display="none"<br /> }<br /> function showForm(){<br /> var form=document.getElementById("form")<br /> form.style.display="block"<br /> window.clearTimeout(t)<br /> }<br /> function timer(){<br /> t=window.setTimeout(showForm,10000)<br /> }<br />
表单的位置大小需要你用CSS设计。以下代码只是实现了你要的弹出功能。
<!DOCTYPE html><html>
<head>
<title>HTML模板</title>
<meta charset="UTF-8"/>
<style type="text/css">
form{
position:absolute
left:100px
top:50px
width:400px
height:300px
border:1px solid #aaaaaa
}
</style>
<script>
var t
function closeForm(){
var form=document.getElementById("form")
form.style.display="none"
}
function showForm(){
var form=document.getElementById("form")
form.style.display="block"
window.clearTimeout(t)
}
function timer(){
t=window.setTimeout(showForm,10000)
}
</script>
</head>
<body onload="timer()">
<form id="form" style="display:none">
<input type="text"/>
<input type="button" value="关闭" onclick="closeForm()"/>
</form>
</body>
</html>
submit只是表单提交时的验证事件,无法获取提交是否成功return false阻止表单提交,自己写ajax提交表单内容
$("#xxx").submit(function () {
$.ajax({ type: 'POST', data: $(this).val(), url: 'xxxx',
success: function () { //...
},
error: function (xhr) {
//...
}
})
return false
})