ajax 无刷新弹出消息框
2007-08-11 19:43
169 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script>
var GW = screen.width;
var GH = screen.height;
function message(){
var oMessage = document.createElement("div");
oMessage.name = "message";
oMessage.id = "message";
document.body.appendChild(oMessage);
var iMessage = document.getElementById("message");
iMessage.style.position = "absolute";
iMessage.style.border = "1px solid #CCCCCC";
iMessage.style.background ="#F6F6F6";
var i=0;
iMessage.style.left = (GW-i*i*4)/2+"px";
iMessage.style.top = (GH/2-100-i*i)+"px";
iMessage.style.width = i*i*4 + "px";
iMessage.style.height = i*i*2 + "px";
popMessage(i);
}
function popMessage(i){
var iMessage = document.getElementById("message");
iMessage.style.left = (GW-i*i*4)/2+"px";
iMessage.style.top = (GH/2-100-i*i)+"px";
iMessage.style.width = i*i*4 + "px";
iMessage.style.height = i*i*2+ "px";
if(i<=10){
i++;
setTimeout("popMessage("+i+")",10);
}
}
function jump(){
location.href = "";
}
</script>
</head>
<body id="c">
<input type="button" onclick="message()" value="post"/>
<input type="button" onclick="jump()" value="jump" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script>
var GW = screen.width;
var GH = screen.height;
function message(){
var oMessage = document.createElement("div");
oMessage.name = "message";
oMessage.id = "message";
document.body.appendChild(oMessage);
var iMessage = document.getElementById("message");
iMessage.style.position = "absolute";
iMessage.style.border = "1px solid #CCCCCC";
iMessage.style.background ="#F6F6F6";
var i=0;
iMessage.style.left = (GW-i*i*4)/2+"px";
iMessage.style.top = (GH/2-100-i*i)+"px";
iMessage.style.width = i*i*4 + "px";
iMessage.style.height = i*i*2 + "px";
popMessage(i);
}
function popMessage(i){
var iMessage = document.getElementById("message");
iMessage.style.left = (GW-i*i*4)/2+"px";
iMessage.style.top = (GH/2-100-i*i)+"px";
iMessage.style.width = i*i*4 + "px";
iMessage.style.height = i*i*2+ "px";
if(i<=10){
i++;
setTimeout("popMessage("+i+")",10);
}
}
function jump(){
location.href = "";
}
</script>
</head>
<body id="c">
<input type="button" onclick="message()" value="post"/>
<input type="button" onclick="jump()" value="jump" />
</body>
</html>
相关文章推荐
- 页面使用Ajax控件,后台不能调用前台Javascript脚本弹出消息框的解决办法
- 关于ajax中UpdatePanel中javascript中(alert)弹出消息框的问题
- 【Unity技巧】自定义消息框(弹出框)
- asp.net使用ajax后如何在客户端弹出提示对话框
- asp.net ajax 无法弹出JS对话框
- ajax请求返回json数据弹出下载框的解决方法
- AjaxPro无刷新选择列表框/下拉框[方便|稳定]
- AJAX扩展控件ModalPopupExtender(弹出模式对话框)的使用方法总结
- ajax实现分页无刷新 (已调试通过)
- asp.net AJAX 定期刷新页面,然后,在 Timer 的事件中弹出窗口
- 不使用ajax,无刷新提交表单
- 金蝶EAS 弹出消息框
- Ajax技术(WEB无刷新提交数据)-
- Ajax弹出式无刷新城市选择特效
- 用ajax技术实现 无刷新实现用户登录
- 实例数据ajax无刷新的三级联动
- Ajax.BeginForm()实现ajax无刷新提交
- ajax 无刷新实现用户登录
- 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL (转)
- 使用ajax做右下角弹出提示