[转]JS弹出div和关闭

//--弹出div
var parameter;
var type;
function alert_div(type,parameter)
{
<wbr>//获得鼠标当前X,Y坐标<br><wbr>var x,y;<br><wbr>if(!document.all)<br><wbr>{<br><wbr><wbr>x=pageX;<br><wbr><wbr>y=pageY;<br><wbr>}else{<br><wbr><wbr>x=document.body.scrollLeft+event.clientX; //鼠标X轴的值<br><wbr><wbr>y=document.body.scrollTop+event.clientY; //鼠标Y轴的值<br><wbr>}</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr>//window.scrollTo(100,500);//竖向滚动条位置</wbr>

<wbr>var sH = document.body.scrollHeight; //窗口的高度<br><wbr>var sW = document.body.scrollWidth; //窗口的宽度<br><wbr><br><wbr>var width=260 , height=90; //设置div的大小</wbr></wbr></wbr></wbr>

<wbr>if((x + width) &gt;= sW) //当鼠标点击时的x坐标的值加上div的宽度大于窗口的宽度<br><wbr>{<br><wbr><wbr>x = x - width;<br><wbr>}</wbr></wbr></wbr></wbr></wbr>

<wbr>var left=x , top=y ; //设置div的位置</wbr>

<wbr>var str="";<br><wbr>// 整个div的大小和位子<br><wbr>str+="&lt;div id='div1' style='z-index:1;background-color:white;position:absolute;border:2px solid slategray;left:"+left+";top:"+top+";width:"+width+";height:"+height+";'&gt;";<br><wbr>//--begin灰色top<br><wbr>str+="&lt;div style='padding-bottom:2px;background-color:slategray;width:100%;height:16px;color:white;'&gt;";<br><wbr>// 灰色div的设置<br><wbr>str+=" &lt;div style='float:left;height:16px;overflow:hidden;margin:0px;padding:4px 0px 0px 5px;width:235;'&gt;温馨提示&lt;/div&gt;";<br><wbr>// 灰色div右侧的按钮<br><wbr>//str+=" &lt;span style='width:14px;font-family:webdings;cursor:hand;'&gt;0&lt;/span&gt;";<wbr><br><wbr>str+=" &lt;span style='width:14px;font-family:webdings;cursor:hand;' onclick='hide()'&gt;r&lt;/span&gt;";<br><wbr>str+="&lt;/div&gt;";<br><wbr>//--end<br><wbr>//--begin白色div<br><wbr>str+="&lt;div style=' margin:10px 5px 10px 10px;word-break:break-all;'&gt;";<wbr><br><wbr>// 白色div中的信息<br><wbr>str+="&lt;table cellpadding='0' cellspacing='1' border='0' class='border' align=left&gt;&lt;form method='post' name='form_pwd' action='other.php?type="+type+"&amp;_num="+parameter+"'&gt;&lt;tr class='tdbg' valign='top'&gt;&lt;td align='left'&gt;&lt;strong&gt;请输入密码：&lt;/strong&gt;&lt;input name='pwd' type='password' size='20' maxlength='255' style='height:18px;'&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class='tdbg'&gt;&lt;td colspan='2' align='center' valign='foot'&gt;&lt;input type='submit' name='sub_pwd' value=' 确认 '&gt;&amp;nbsp;&amp;nbsp;&lt;input type='reset' value=' 重 置 '&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/form&gt;&lt;/table&gt;";<br><wbr>str+="&lt;/div&gt;";<br><wbr>//--end<br><wbr>str+="&lt;/div&gt;";<wbr><br><wbr>//document.write(str);<br><wbr>document.body.insertAdjacentHTML("afterBegin",str);<br><wbr><br><br> }<br> //--关闭div<br> function hide()<br> {<br><wbr>document.getElementById( "div1").style.display = "none";<br> }</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>