AJAX弹出提示信息效果

Html代码
1. <html>
2. <head>
3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
4. <title>提示信息框</title>
5. <style type="text/css">
6. a {
7.     color: #000;
8.     font-size: 12px;
9.     text-decoration: none
10. }
11.
12. a:hover {
13.     color: #900;
14.     text-decoration: underline
15. }
16.
17. body {
18.     background: ;
19.     filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
20.         startColorStr=#ffffff, endColorStr=#003366 );
21.     overflow: hidden
22. }
23.
24. #massage_box {
25.     position: absolute;
26.     left: expression(( body.clientWidth-350)/2 );
27.     top: expression(( body.clientHeight-200)/2 );
28.     width: 350px;
29.     height: 200px;
30.     filter: dropshadow(color = #666666, offx = 3, offy = 3, positive = 2);
31.     z-index: 2;
32.     visibility: hidden
33. }
34.
35. #mask {
36.     position: absolute;
37.     top: 0;
38.     left: 0;
39.     width: expression(body.scrollWidth);
40.     height: expression(body.scrollHeight);
41.     background: #666;
42.     filter: ALPHA(opacity = 60);
43.     z-index: 1;
44.     visibility: hidden
45. }
46.
47. .massage {
48.     border: #036 solid;
49.     border-width: 1 1 3 1;
50.     width: 95%;
51.     height: 95%;
52.     background: #fff;
53.     color: #036;
54.     font-size: 12px;
55.     line-height: 150%
56. }
57.
58. .header {
59.     background: #036;
60.     height: 10%;
61.     font-family: Verdana, Arial, Helvetica, sans-serif;
62.     font-size: 12px;
63.     padding: 3 5 0 5;
64.     color: #fff
65. }
66. </style>
67. 
68. <script language="javascript">
69.     var Obj = ''
70.     document.onmouseup = MUp
71.     document.onmousemove = MMove
72.
73.     function MDown(Object) {
74.         Obj = Object.id
75.         document.all(Obj).setCapture()
76.         pX = event.x - document.all(Obj).style.pixelLeft;
77.         pY = event.y - document.all(Obj).style.pixelTop;
78.     }
79.
80.     function MMove() {
81.         if (Obj != '') {
82.             document.all(Obj).style.left = event.x - pX;
83.             document.all(Obj).style.top = event.y - pY;
84.         }
85.     }
86.
87.     function MUp() {
88.         if (Obj != '') {
89.             document.all(Obj).releaseCapture();
90.             Obj = '';
91.         }
92.     }
93. </script>
94. </head>
95. <body>
96.     <div id="massage_box">
97.         <div class="massage">
98.             <div class="header" onmousedown=MDown(massage_box)>
99.                 <div style="display: inline; width: 150px; position: absolute">本站提示信息</div>
100.                 <span
101.                     onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'"
102.                     style="float: right; display: inline; cursor: hand">×</span>
103.             </div>
104.             <ul style="margin-right: 25">
105.                 <li>本人申明此博客所有文章（包括文章插图）均为原创，如需引用或转载请注明出处。</li>
106.                 <li>欢迎大家对博文中观点留言评述，谢绝无聊人士无素质无观点的灌水漫骂。</li>
107.                 <li>本站已设背景音乐，听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。</li>
108.             </ul>
109.      &

补充：web前端 , JavaScript ,