Semi-Ajax pop-up translucent layer (supporting ie ff)

<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> Ajax-like pop-up translucent layer (supporting ie ff) </title>
<Style type = "text/CSS">
<! --
HTML, body {Height: 100%; margin: 0px; font-size: 12px ;}

. Mydiv {
Background-color: # ffcc66;
Border: 1px solid # f00;
Text-align: center;
Line-Height: 40px;
Font-size: 12px;
Font-weight: bold;
Z-index: 99;
Width: 300px;
Height: 120px;
Left: 50%;/* FF IE7 */
Top: 50%;/* FF IE7 */

Margin-left:-150px! Important;/* FF IE7 this value is half of its width */
Margin-top:-60px! Important;/* FF IE7 this value is half of this height */

Margin-top: 0px;

Position: fixed! Important;/* FF IE7 */
Position: absolute;/* IE6 */

_ Top: expression (eval (document. compatmode &&
Document. compatmode = 'css1compat ')?
Documentelement. scrolltop + (document.doc umentelement. clientHeight-this.offsetHeight)/2:/* IE6 */
Document. Body. scrolltop + (document. Body. clientheight-This. clientheight)/2);/* ie5 ie5.5 */

}

. Bg {
Background-color: #666;
Width: 100%;
Height: 100%;
Left: 0;
Top: 0;/* FF IE7 */
Filter: alpha (opacity = 50);/* ie */
Opacity: 0.5;/* FF */
Z-index: 1;

Position: fixed! Important;/* FF IE7 */
Position: absolute;/* IE6 */

_ Top: expression (eval (document. compatmode &&
Document. compatmode = 'css1compat ')?
Documentelement. scrolltop + (document.doc umentelement. clientHeight-this.offsetHeight)/2:/* IE6 */
Document. Body. scrolltop + (document. Body. clientheight-This. clientheight)/2);/* ie5 ie5.5 */

}
-->
</Style>
<Script language = "JavaScript" type = "text/JavaScript">
Function showdiv (){
Document. getelementbyid ('popdiv '). style. Display = 'block ';
Document. getelementbyid ('bg '). style. Display = 'block ';
}

Function closediv (){
Document. getelementbyid ('popdiv '). style. Display = 'none ';
Document. getelementbyid ('bg '). style. Display = 'none ';
}

</SCRIPT>
</Head>
<Body>

<Div id = "popdiv" class = "mydiv" style = "display: none;"> welcome! <Br/> q group: 26868887 <br/>
<A href = "javascript: closediv ()"> close the window </a> </div>
<Div id = "BG" class = "BG" style = "display: none;"> </div>
<Div style = "height: 1400px;">
<P> spring evening
Tang zhangruoxu

The Spring River Tide connects to the sea, and the moon shines together. <Br/>


Where is the spring river without the moon? <Br/>

The river flows around fangdian, and the flowers and forests of the moon are similar. <Br/>

The water in the air could not fly, but the white sand on Ting could not be seen. <Br/>

The sky is full of dust. <Br/>

Who saw the first month on the bank? Who took the photo at the beginning of Jiang Yue? <Br/>

The generation and generation of life are infinite, and the year of jiangyue is only similar. <Br/>

I don't know who jiangyue is waiting for, but see the Yangtze River. <Br/>

When the white clouds go leisurely, Qingfeng is always worried. <Br/>

Who is the boat tonight? Where is Acacia Mingyue building? <Br/>

Poor upstairs, should be taken away from the makeup mirror. <Br/>

The yowu curtain is not rolled in. <Br/>

At this time, I don't want to hear from each other. I 'd like to see you one by one. <Br/>

The flying sky of Hongyan is not good, and the fish, dragon, and diving are written. <Br/>

Last night, the idle pool of dreams fell into the flowers, poor spring and a half don't return home. <Br/>

The river flow is about to go spring, and the lake falls into the east and west. <Br/>

Oblique month heavy hidden sea fog, Yan Shexiang unlimited Road. <Br/>

I don't know how many people will return by month? The Fallen flowers shake the sky. </P>
<P> <br/>


</P>
<Div style = "height: 200px; line-Height: 200px; text-align: center; Background: # ffffcc;"> <a href = "javascript: showdiv () "> click me. the pop-up layer </a> </div>

<P> & nbsp; </P>
<P> in spring, the water and tide of rivers and rivers surge together with the sea, and the moon rises from the sea, as if to flow out with the tide. <Br/>
The moonlight shines on the Spring River. With the waves shining thousands of miles, there is no bright moonlight in the Spring River. <Br/>
Rivers and water flow around the wild fields where flowers and plants are everywhere. The moonlight shines on the forests where flowers are everywhere. <Br/>
Moonlight flows down from the air like a white frost, and it does not feel like it is flying. It is invisible to the White Sands on the banks of the river. <Br/>
The river and sky are in one color, and there is no slight dust. Only a bright round of sky hangs over the sky. <Br/>
Who first saw the moon on the river and the moon on the river which year was shining on people? <Br/>
Life is endless from generation to generation, and only the moon on the river is always the same year. <Br/>
I don't know who the moon on the river shines, but the Yangtze river keeps flowing. <Br/>
The wandering child is like a piece of white clouds slowly leaving, leaving only the young lady standing in the parting of the Feng Pu is sorrow. <Br/>
Which of the following friends is drifting in a boat tonight? Where is lovesickness on the bright moon? <Br/>
Poor moonlight, which keeps moving upstairs, should shine on the dressing table of people. <Br/>
The curtain in the beautiful boudoir does not go to the moonlight, but it is coming again. <Br/>
At this moment, I looked at the moon and couldn't hear each other. I hope that the moonlight will shine on you. <Br/>
The sent swan can fly very far, but cannot fly to your side with the moonlight. The sent fish and Dragon are far away, but cannot swim to your side.


The water surface stirred up bursts of Ripple. <Br/>
Last night, I dreamed that the flowers had fallen on a leisurely pool, so I couldn't go home after half of spring. <Br/>
The water in the river flows through the spring, and the spring light is about to flow out. The moon in the pool falls late, and now it is in the West. <Br/>
The oblique month sink slowly and is hidden in the sea fog. The distance between YAN Shi and Xiang is infinite. <Br/>
I don't know how many people can go home in the moonlight. Only the fallen moon is shaking and leaving, and the forest is full of rivers. <Br/>

</P>
</Div>
</Body>
</Html>