`
xiao_hua
  • 浏览: 38784 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

模拟163弹出对话框

阅读更多
如果打开无反应,可能是乱码了,请在confirm.html替换原来那段代码,等晚上再把修改后的代码上传!!!
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

已经改完了,重新上传了,可惜下载次数清零了,伤心 

本程序css样式、图片来自于163邮件对话框样式,javascript自己写的,兼容ie,firefox,可拖拽
核心代码如下,大家可以根据自己的需求对其进行更改,希望兄弟们不要怕砖哈!:-)
function $(id)
{
   return document.getElementById(id);	
}
var msgBtnControl=
{
	NO               : 1,
	CONFIRM          : 2,
	CONFIRMANDCANCLE : 3,
	UI:
	{
	    MSGOK   : "<div id='btnMsgOk' class='dvMsgbtn btn-dft'><span id='txtMsgBoxOk'>确定</span></div>",
		MSGNO   : "<div id='btnMsgNO' class='dvMsgbtn btn-dft'><span id='txtMsgBoxNo'>取消</span></div>" ,
		SHOWMSG : msg
	}
}

 
function msg(boxtitle,boxtype,msg,afterclickOK){
	var msg_obj  =$("dvMsgboxShow");
	msg_obj.style.left = "30%";
	msg_obj.style.top  ="35%";	
	switch(boxtype){
		case msgBtnControl.CONFIRM:
			$("msg_div_content").innerHTML = msg;
			$("msg_div_title").innerHTML = boxtitle;
			$("msg_div_btn").innerHTML = msgBtnControl.UI.MSGOK;
		break;
		case msgBtnControl.CONFIRMANDCANCLE:
			$("msg_div_content").innerHTML = msg;
			$("msg_div_title").innerHTML = boxtitle;
			$("msg_div_btn").innerHTML =  msgBtnControl.UI.MSGOK + msgBtnControl.UI.MSGNO;
		break;
		case msgBtnControl.NO:
			$("msg_div_content").innerHTML = msg;
			$("msg_div_title").innerHTML = boxtitle;
			$("msg_div_btn").innerHTML = "";
		break;
		default:
			$("msg_div_content").innerHTML = msg;
			$("msg_div_title").innerHTML = boxtitle;
			$("msg_div_btn").innerHTML = msgBtnControl.UI.MSGOK;
		break;
	}
	$("msg_div_title").innerHTML = boxtitle;
	$("btnMsgOk").onclick=function()
	{
		msgClose();
		afterclickOK();
	};
	
	$("btnMsgNO").onclick=function()
	{   
		msgClose();
	}
	msg_obj.style.display="block";
	msg_obj.style.zIndex=200;

	$("dvMsgboxShow").oncontextmenu = function(){
		return false;
	}
}
function msgClose(){
	$('dvMsgboxShow').style.display='none';
}

//move code
var msg_md = false,msg_mobj,msg_ox,msg_oy;
document.onmousedown = function(e)
{
	e= e ? e : window.event;
	var target= isIE ? e.srcElement : e.target;

	if(target.id !="dvMsgHead" && target.id!="msg_div_title")
	{
		return;
	}
	msg_md = true;
	if(isIE)msg_mobj.setCapture();
	msg_ox = msg_mobj.offsetLeft - e.clientX;
	msg_oy = msg_mobj.offsetTop - e.clientY;
}
document.onmouseup = function(){
	msg_md = false;
	if(isIE)msg_mobj.releaseCapture();
 
}
document.onmousemove = function(e){
	e= e ? e : window.event;
	if(msg_md){
		msg_mobj.style.left =MoveX(e.clientX + msg_ox)+"px";
		msg_mobj.style.top  =MoveY(e.clientY + msg_oy)+"px";
	}
}

function MoveX(moveValue)
{
	var width=$("dvMsgboxShow").offsetWidth;
	 
    if(moveValue <= 0) return 0;
	else if(document.body.clientWidth < moveValue+width)return document.body.clientWidth-width;
	return moveValue;
}

function MoveY(moveValue)
{
	var height=$("dvMsgboxShow").offsetHeight;
	$("magssage").innerHTML=document.body.clientHeight;
    if(moveValue <= 0) return 0;
	else if(document.body.clientHeight< moveValue+height)return document.body.clientHeight-height;
	return moveValue;
}

var isIE=true;
window.onload=function()
{
	  msg_mobj = $("dvMsgboxShow");
      if(document.attachEvent)isIE=true;
	  else isIE=false;
}

2
1
分享到:
评论

相关推荐

    模拟163弹出对话框(兼容IE firefox)

    用div模拟163对话框,可拖拉,可以根据自己的需求更改源码 大家打开的如果发生脚本错误,出现空白页,没关系那是因为乱码,请加上 ;charset=UTF-8" /&gt;

    仿163弹出窗口

    标题中的“仿163弹出窗口”指的是创建一个类似于网易163邮箱中的提示对话框功能,这种对话框通常用于向用户显示信息、警告或确认操作。在ASP.NET 2.0(C#)中实现这样的功能,我们可以结合HTML、JavaScript以及...

    Visual C++编程技巧精选集 光盘

    25.如何在程序启动时弹出“文件”对话框 26.如何从“文件夹”对话框中选择文件夹 27.如何在“文件夹”对话框中新建文件夹 28.如何使用“颜色”对话框设置颜色 29.如何在“颜色”对话框中显示帮助按钮 30.如何禁止...

    超强JavaScript效果[超强JavaScript效果]

    15. **弹出提示**:模拟系统消息框,自定义样式和行为,通过JavaScript创建并显示。 16. **图片切换**:实现图片轮播或切换,常用于产品展示或幻灯片效果。 17. **圆角效果**:在不支持CSS3的浏览器中,可以使用...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例207 关闭IE主窗口时不弹出询问对话框 262 实例208 弹出提示对话框并重定向网页 263 实例209 自动关闭的广告窗口 264 实例210 在弹出的对话框中选择个性头像 265 实例211 浮动的广告窗口 266 实例212 在页面右下...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例207 关闭IE主窗口时不弹出询问对话框 262 实例208 弹出提示对话框并重定向网页 263 实例209 自动关闭的广告窗口 264 实例210 在弹出的对话框中选择个性头像 265 实例211 浮动的广告窗口 266 实例212 在页面右下...

    Java开发实战1200例(第1卷).(清华出版.李钟尉.陈丹丹).part3

    实例193 简单的模拟时钟 246 实例194 简单的公历万年历 248 实例195 查看生日相关信息 249 9.2 SimpleDateFormat与TimeZone 类的使用 250 实例196 日期格式有效性判断 250 实例197 常见日期格式使用 252 实例198 ...

    Visual C++程序开发范例宝典(光盘) 第四部分

    实例005 在控件上单击右键弹出菜单 实例006 个性化的弹出菜单 实例007 任务栏托盘弹出菜单 1.3 工具栏应用实例 实例008 带背景的工具栏 实例009 带图标的工具栏 实例010 带下拉菜单的工具栏 实例011 可调整...

    Visual C++程序开发范例宝典(光盘) 第八部分

    实例005 在控件上单击右键弹出菜单 实例006 个性化的弹出菜单 实例007 任务栏托盘弹出菜单 1.3 工具栏应用实例 实例008 带背景的工具栏 实例009 带图标的工具栏 实例010 带下拉菜单的工具栏 实例011 可调整...

    delphi 开发经验技巧宝典源码

    0223 怎样弹出ConnectionString设置页 148 0224 利用ADO获取DELETE后所影响的记录数 148 7.3 业务实现数据处理技术 149 0225 随机产生中奖号码 149 0226 使用快捷键保存数据 150 0227 密码只允许输入8位...

    Visual C++ 程序开发范例宝典 源码 光盘 part2

    1.2 弹出菜单应用实例 cc实例005 在控件上单击右键弹出菜单 cc实例006 个性化的弹出菜单 cc实例007 任务栏托盘弹出菜单 1.3 工具栏应用实例 cc实例008 带背景的工具栏 cc实例 009 带图标的工具栏 cc...

    Visual C++程序开发范例宝典(PDF扫描版).part3

     cc实例005 在控件上单击右键弹出菜单   cc实例006 个性化的弹出菜单   cc实例007 任务栏托盘弹出菜单   1.3 工具栏应用实例   cc实例008 带背景的工具栏   cc实例009 带图标的工具栏   cc实例...

Global site tag (gtag.js) - Google Analytics