MSN消息弹出框

Posted on 2007-01-24 11:44 Eric 阅读(416) 评论(0) 编辑收藏举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

<html xmlns="http://www.w3.org/1999/xhtml">
3

<head>
4

<title>无标题文档</title>
6

var _message=null;
9

var _hylinkContent=null;
10

function showMessage()
12

{
13

var divMess= document.getElementById("divMessage");
14

var e=divMess;
15

var t=e.offsetTop;
16

var l=e.offsetLeft;
17

while(e=e.offsetParent){
18

t+=e.offsetTop;
19

l+=e.offsetLeft;
20

}
21

var locX= document.documentElement.scrollLeft + document.documentElement.clientWidth-divMess.offsetWidth;
22

/*var topLoc=document.documentElement.scrollTop+document.documentElement.clientHeight-divMess.offsetHeight;
24

if(divMess.style.visibility=='visible')
25

{
26

divMess.style.top=topLoc;
27

divMess.style.left=locX;
28

return ;
29

}*/
30

divMess.style.left=locX;
32

divMess.style.visibility='visible';
34

var s="<a href='"+_hylinkContent+"' target='_blank' >"+_message+"</a>";
35

moveShow(document.documentElement.scrollTop+document.documentElement.clientHeight,s);
37

}
38

function moveShow(locY,message)
39

{
40

var divMess= document.getElementById("divMessage");
41

var topLoc=document.documentElement.scrollTop+document.documentElement.clientHeight-divMess.offsetHeight;
42

if(locY<topLoc)return ;
43

divMess.style.top=locY;
45

var cc=document.getElementById("divContent");
46

cc.innerHTML=message;
48

locY-=7;
50

setTimeout("moveShow("+locY+",\""+message+"\");",50);
51

}
52

function loadMessage()
55

{
56

if(_message!="")
57

showMessage();
58

}
59

function fixedMessage()
61

{
62

var divMess= document.getElementById("divMessage");
63

if(divMess.style.visibility=='visible')
64

{
65

var locX= document.documentElement.scrollLeft + document.documentElement.clientWidth-divMess.offsetWidth;
67

var topLoc=document.documentElement.scrollTop+document.documentElement.clientHeight-divMess.offsetHeight;
68

divMess.style.top=topLoc;
69

divMess.style.left=locX;
70

}
72

}
74

</script>
76

<!--
78

#divMessage {
79

position:absolute;
80

left:126px;
81

top:69px;
82

width:233px;
83

height:140px;
84

z-index:1;
85

}
87

.messageStyle {color: #FF0000;
88

border-width:2px;
89

border-style:solid;
90

border-color: #6699CC;
91

borborder-collapse:collape;
92

}
93

-->
94

</style>
95

_message='first of all';
98

_hylinkContent="";
99

100

</script>
101

</head>
102

103

<body >
104

window.onload=loadMessage;
106

window.onscroll=fixedMessage;
107

window.onresize=fixedMessage;
108

</script>
109

110

<div class="messageStyle" id="divMessage">
111

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#6AFFE1" style=" height:100%; " >
112

<tr >
113

<td align="right" bgcolor="#3366CC" style="height:15%;"><a href="#" onclick="divMessage.style.visibility='hidden';"><span style="color:red;font-weight:big">×</span></a></td>
114

</tr>
115

<tr>
116

<td align="center" valign="middle" bgcolor="#84E0FF" style="height:85%;" id="divContent" > </td>
117

</tr>
118

119

</table>
120

</div>
121

122

<table width="100%" border="0" cellspacing="3" cellpadding="3">
123

<tr>
124

<td> </td>
125

</tr>
126

<tr>
127

<td> </td>
128

</tr>
129

<tr>
130

<td> </td>
131

</tr>
132

<tr>
133

<td> </td>
134

</tr>
135

<tr>
136

<td> </td>
137

</tr>
138

<tr>
139

<td> </td>
140

</tr>
141

<tr>
142

<td> </td>
143

</tr>
144

<tr>
145

<td> </td>
146

</tr>
147

<tr>
148

<td> </td>
149

</tr>
150

<tr>
151

<td> </td>
152

</tr>
153

<tr>
154

<td> </td>
155

</tr>
156

<tr>
157

<td> </td>
158

</tr>
159

<tr>
160

<td> </td>
161

</tr>
162

<tr>
163

<td> </td>
164

</tr>
165

<tr>
166

<td> </td>
167

</tr>
168

<tr>
169

<td> </td>
170

</tr>
171

<tr>
172

<td> </td>
173

</tr>
174

<tr>
175

<td> </td>
176

</tr>
177

<tr>
178

<td> </td>
179

</tr>
180

<tr>
181

<td> </td>
182

</tr>
183

<tr>
184

<td> </td>
185

</tr>
186

<tr>
187

<td> </td>
188

</tr>
189

<tr>
190

<td> </td>
191

</tr>
192

<tr>
193

<td> </td>
194

</tr>
195

<tr>
196

<td> </td>
197

</tr>
198

<tr>
199

<td> </td>
200

</tr>
201

<tr>
202

<td> </td>
203

</tr>
204

<tr>
205

<td> </td>
206

</tr>
207

<tr>
208

<td> </td>
209

</tr>
210

<tr>
211

<td> </td>
212

</tr>
213

<tr>
214

<td> </td>
215

</tr>
216

<tr>
217

<td> </td>
218

</tr>
219

<tr>
220

<td> </td>
221

</tr>
222

<tr>
223

<td> </td>
224

</tr>
225

<tr>
226

<td> </td>
227

</tr>
228

<tr>
229

<td> </td>
230

</tr>
231

<tr>
232

<td> </td>
233

</tr>
234

<tr>
235

<td> </td>
236

</tr>
237

<tr>
238

<td> </td>
239

</tr>
240

<tr>
241

<td> </td>
242

</tr>
243

<tr>
244

<td> </td>
245

</tr>
246

<tr>
247

<td> </td>
248

</tr>
249

<tr>
250

<td> </td>
251

</tr>
252

<tr>
253

<td> </td>
254

</tr>
255

<tr>
256

<td> </td>
257

</tr>
258

<tr>
259

<td> </td>
260

</tr>
261

<tr>
262

<td> </td>
263

</tr>
264

<tr>
265

<td> </td>
266

</tr>
267

<tr>
268

<td> </td>
269

</tr>
270

<tr>
271

<td> </td>
272

</tr>
273

<tr>
274

<td> </td>
275

</tr>
276

<tr>
277

<td> </td>
278

</tr>
279

<tr>
280

<td> </td>
281

</tr>
282

<tr>
283

<td> </td>
284

</tr>
285

<tr>
286

<td> </td>
287

</tr>
288

<tr>
289

<td> </td>
290

</tr>
291

<tr>
292

<td> </td>
293

</tr>
294

<tr>
295

<td> </td>
296

</tr>
297

<tr>
298

<td> </td>
299

</tr>
300

<tr>
301

<td> </td>
302

</tr>
303

</table>
304

</body>
305

</html>
306

刷新页面返回顶部

终极目标

导航

公告

MSN消息弹出框