不一样的Alert();

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2

<html>
3

<head>
4

<title></title>
5

//Author:Daviv
11

//Blog:http://blog.163.com/jxdawei
12

//Date:2006-10-27
13

//Email:jxdawei@gmail.com
14

function sAlert(str){
16

var msgw,msgh,bordercolor;
17

msgw=400;//提示窗口的宽度
18

msgh=100;//提示窗口的高度
19

titleheight=25 //提示窗口标题高度
20

bordercolor="#336699";//提示窗口的边框颜色
21

titlecolor="#99CCFF";//提示窗口的标题颜色
22

var sWidth,sHeight;
24

sWidth=document.body.offsetWidth;
25

sHeight=document.body.scrollHeight;
26

var bgObj=document.createElement("div");
28

bgObj.setAttribute('id','bgDiv');
29

bgObj.style.position="absolute";
30

bgObj.style.top="0";
31

bgObj.style.background="#777";
32

bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
33

bgObj.style.opacity=0.6;
34

bgObj.style.left="0";
35

bgObj.style.width=sWidth + "px";
36

bgObj.style.height=sHeight + "px";
37

bgObj.style.zIndex = "10000";
38

document.body.appendChild(bgObj);
39

var msgObj=document.createElement("div")
41

msgObj.setAttribute("id","msgDiv");
42

msgObj.setAttribute("align","center");
43

msgObj.style.background="white";
44

msgObj.style.border="1px solid " + bordercolor;
45

msgObj.style.position = "absolute";
46

msgObj.style.left = "50%";
47

msgObj.style.top = "50%";
48

msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
49

msgObj.style.marginLeft = "-225px" ;
50

msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
51

msgObj.style.width = msgw + "px";
52

msgObj.style.height =msgh + "px";
53

msgObj.style.textAlign = "center";
54

msgObj.style.lineHeight ="25px";
55

msgObj.style.zIndex = "10001";
56

var title=document.createElement("h4");
58

title.setAttribute("id","msgTitle");
59

title.setAttribute("align","right");
60

title.style.margin="0";
61

title.style.padding="3px";
62

title.style.background=bordercolor;
63

title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
64

title.style.opacity="0.75";
65

title.style.border="1px solid " + bordercolor;
66

title.style.height="18px";
67

title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
68

title.style.color="white";
69

title.style.cursor="pointer";
70

// title.innerHTML="关闭";
71

title.onclick=function(){
72

}
74

document.body.appendChild(msgObj);
75

document.getElementById("msgDiv").appendChild(title);
76

var txt=document.createElement("p");
77

txt.style.margin="1em 0"
78

txt.setAttribute("id","msgTxt");
79

txt.innerHTML=str;
80

txt.innerHTML+=" <img src='loader.gif'>";
81

document.getElementById("msgDiv").appendChild(txt);
83

a(0);
84

}
85

function a(i)
86

{
87

if(i<50)
88

{
89

document.getElementById("bgDiv").style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+i+")"
90

i+=10;
92

setTimeout("a("+i+")",100);
93

}
94

}
95

</script>
96

</head>
97

<body>
98

<div onclick="sAlert('要打的字')">点击</div>
99

</body>
100

</html>
101