枫云教育

全部频道

您的当前位置：首页弹出提示的效果代码_页面背景

弹出提示的效果代码_页面背景

来源：枫云教育

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>脚本之家---模拟弹出提示 脚本之家</title> 
</head>

<body> 
 
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()>脚本之家留言</button></td></tr></table>"); 
 document.write(""); 
 document.write(""); 
 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>脚本之家</td>"); 
 document.write("</tr>"); 
 document.write("</table>"); 
 document.write("欢迎光临脚本之家[确定]"); 
 document.write(" "); 
 document.write(""); 
} 
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> 
 
var mycao=new cao888(); 
mycao.display(); 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

显示全文