<HTML>
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">
<Title> prompt box </title>
<Style type = "text/CSS">
Body
{
Filter: progid: DXImageTransform. Microsoft. gradient (gradienttype = 0, startcolorstr = # ffffff, endcolorstr = # ffffff );
}
# Massage_box
{
Position: absolute;
Left: expression (body. clientWidth-350)/2 );
Top: expression (body. clientHeight-200)/2 );
Width: 350px;
Height: 200px;
Filter: dropshadow (color = #666666, offx = 3, offy = 3, positive = 2 );
Z-index: 2;
Visibility: hidden;
}
# Mask
{
Position: absolute;
Top: 0;
Left: 0;
Width: expression (body. scrollwidth );
Height: expression (body. scrollheight );
Background: # ffffff;
Filter: alpha (opacity = 60 );
Z-index: 1;
Visibility: hidden;
}
. Massage
{
Border: #036 solid;
Border-width: 1 1 3 1;
Width: 95%;
Height: 95%;
Background: # FFF;
Color: #036;
Font-size: 12px;
Line-Height: 150%;
}
. Header
{
Background: #036;
Height: 10%;
Font-family: verdana, Arial, Helvetica, sans-serif;
Font-size: 12px;
Padding: 3 5 0 5;
Color: # FFF;
}
</Style>
<! -- Implement layer movement -->
<SCRIPT type = "text/JavaScript">
VaR OBJ =''
Document. onmouseup = MUP
Document. onmousemove = mmove
Function mdown (object)
{
OBJ = object. ID
Document. All (OBJ). setcapture ()
Px = event. x-document.all (OBJ). style. pixelleft;
Py = event. y-document.all (OBJ). style. pixeltop;
}
Function mmove ()
{
If (OBJ! = '')
{
Document. All (OBJ). style. Left = event. X-Px;
Document. All (OBJ). style. Top = event. Y-py;
}
}
Function MUP ()
{
If (OBJ! = '')
{
Document. All (OBJ). releasecapture ();
OBJ = '';
}
}
</SCRIPT>
</Head>
<Body>
<Div id = "massage_box">
<Div class = "massage">
<Div class = "Header" onmousedown = "mdown (massage_box)">
<Div style = "display: inline; width: 150px; position: absolute">
Site prompt information
</Div>
<Span onclick = "massage_box.style.visibility = 'den den '; mask. style. Visibility = 'den den '"
Style = "float: Right; display: inline; cursor: Hand"> × </span>
</Div>
<Ul style = "margin-Right: 25">
<Li> What You Want to put Code </LI>
<Input type = "text">
<Br>
<Input type = "button" value = "this is a button">
</LI>
<Li> </LI>
<Li> </LI>
</Ul>
</Div>
</Div>
<Div id = "Mask">
</Div>
<Span onclick = "Mask. style. visibility = 'visible '; massage_box.style.visibility = 'visible' "style =" cursor: Hand "> <a href =" # "> display prompt information </a> </span>
</Body>
</Html>