弹出提示的效果
来源:互联网 发布:深圳乐思软件 编辑:程序博客网 时间:2024/04/29 18:53
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>cao888---提示</title>
</head>
<body>
<script language=javascript>
var cao_x,cao_y;
function cao888()
{
this.display=display;
}
function display()
{
document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document.getElementById('cao1').style.display='block' onfocus=this.blur()>CAO留言</button></td></tr></table>");
document.write("<div id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");
document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");
document.write("<table width=200 height=20 bgcolor=green onmousedown='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='caoMove(this.parentNode)' style='cursor:move;'>");
document.write("<tr align=center>");
document.write("<td align=left>提示:CAO888</td>");
document.write("</tr>");
document.write("</table>");
document.write("<span style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';><img src='http://pic1.blueidea.com/bbs/topic5.gif'><br>CAO呀,错误了...<br>[确定]</span>");
document.write(" </div>");
document.write("</div>");
}
function caoMove(obj) //实现层的拖移
{
if(event.button==1)
{
var caoX=obj.clientLeft;
var caoY=obj.clientTop;
obj.style.pixelLeft=caoX+(event.x-cao_x);
obj.style.pixelTop=caoY+(event.y-cao_y);
}
}
</script>
<script language=javascript>
var mycao=new cao888();
mycao.display();
</script>
</body>
</html>
- 弹出提示的效果
- 弹出提示的效果:
- JS实现MSN提示弹出的效果
- 可拖动的弹出层提示效果
- 可拖动的弹出层提示效果
- 可拖动的弹出层提示效果
- AJAX弹出提示信息效果
- AJAX弹出提示信息效果
- Ajax弹出漂亮可拖动的提示层(窗)效果
- 点击按钮Alert弹出遮罩层效果的提示框代码
- 整理:手机端弹出提示框,使用的bootstrap中的模态框(modal,弹出层),比kendo弹出效果好
- AJAX 弹出提示信息框效果
- iOS 动画效果弹出提示视图
- 基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
- C#实现仿msn提示消息在登录后只弹出一次的效果(downmoon)
- 仿163信箱的alert提示,带效果预览图,弹出层
- 仿163信箱的alert提示,带效果预览图,弹出层
- 弹出窗口悬浮,背景页面变灰,类似网易邮箱的半透明信息提示效果
- Linux 指令篇:使用者资讯与管理--chfn
- 图片之间的切换
- 彻底解决Symbian全屏显示问题
- 一网友谈“如何写好中文文章”
- Linux 指令篇:使用者资讯与管理--chsh
- 弹出提示的效果
- 全新2007高校BBS上睿智的冷笑话
- Linux 指令篇:使用者资讯与管理--finger
- Linux 指令篇:使用者资讯与管理--last
- 跳动的菜单
- asp.net中获取母版页的引用
- Linux 指令篇:使用者资讯与管理--passwd
- perl与mysql连接
- Linux 指令篇:使用者资讯与管理--who