JavaScript做快顯視窗

來源:互聯網
上載者:User

function CreateWin()<br />{<br /> //獲得滑鼠當前X,Y座標<br /> var x,y;<br /> if(!document.all)<br /> {<br /> x=pageX;<br /> y=pageY;<br /> }else{<br /> x=document.body.scrollLeft+event.clientX; //滑鼠X軸的值<br /> y=document.body.scrollTop+event.clientY; //滑鼠Y軸的值<br /> }</p><p> //window.scrollTo(100,500);//豎向捲軸位置</p><p> var sH = document.body.scrollHeight; //視窗的高度<br /> var sW = document.body.scrollWidth; //視窗的寬度</p><p> var width=300 , height=150; //設定div的大小</p><p> if((x + width) >= sW) //當滑鼠點擊時的x座標的值加上div的寬度大於視窗的寬度<br /> {<br /> x = x - width;<br /> }</p><p> var left=x , top=y ; //設定div的位置</p><p> var str="";<br /> // 整個div的大小和位子<br /> str+="<div id='div1' style='z-index:1;background-color:white;position:absolute;border:2px solid slategray;left:"+left+";top:"+top+";width:"+width+";height:"+height+";'>";<br /> //--begin灰色top<br /> str+="<div style='padding-bottom:2px;background-color:slategray;width:100%;height:30px;color:white;'>";<br /> // 灰色div的設定<br /> str+=" <div style='float:left;height:30px;overflow:hidden;margin:0px;width:270px;'>溫馨提示</div>";<br /> // 灰色div右側的按鈕<br /> //str+=" <span style='width:14px;font-family:webdings;cursor:hand;'>0</span>";<br /> str+=" <span style='width:14px;font-family:webdings;cursor:hand;' onclick='hide()'>r</span>";<br /> str+="</div>";<br /> //--end<br /> //--begin白色div<br /> str+="<div style=" margin:10px 5px 10px 10px;word-break:break-all;" mce_style=" margin:10px 5px 10px 10px;word-break:break-all;">";<br /> // 白色div中的資訊<br /> str+="<table cellpadding='0' cellspacing='1' border='0' class='border' align=left><form method='post' name='form_pwd' ><tr class='tdbg' valign='top'><td align='left'><strong>請輸入密碼:</strong><input name='pwd' type='password' size='20' maxlength='255' style='height:18px;'></td></tr><tr class='tdbg'><td colspan='2' align='center' valign='foot'><input type='submit' name='sub_pwd' value=' 確認 '>  <input type='reset' value=' 重 置 '></td></tr></form></table>";<br /> str+="</div>";<br /> //--end<br /> str+="</div>";<br /> //document.write(str);<br /> document.body.insertAdjacentHTML("afterBegin",str);</p><p>}<br />//--關閉div<br />function CloseWin()<br />{<br /> document.getElementById( "div1").style.display = "none";<br />}<br />

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.