您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > 讓信息框永遠(yuǎn)顯示在瀏覽器可見區(qū)域中間的方法
讓信息框永遠(yuǎn)顯示在瀏覽器可見區(qū)域中間的方法
文章來源：365jz.com 點(diǎn)擊數(shù)：340 更新時(shí)間：2009-09-24 22:27 參與評(píng)論
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowMessageBox() {
var _width = document.documentElement.clientWidth;
var _height = document.documentElement.clientHeight;
$("#div_msg").css("top", (_height-$("#div_msg").height())/ 2);
$("#div_msg").css("left", (_width- $("#div_msg").width())/2);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="javascript:void(0)" onclick="ShowMessageBox()" >Click</a>
<div id="div_msg" class="div_msg" style="position:absolute;left:0;top:0;width:250px">
保存成功！
</div>
</div>
</form>
</body>
</html>
上面用到j(luò)Query，你可以改成普通的實(shí)現(xiàn)。
<head runat="server">
<title></title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowMessageBox() {
var _width = document.documentElement.clientWidth;
var _height = document.documentElement.clientHeight;
$("#div_msg").css("top", (_height-$("#div_msg").height())/ 2);
$("#div_msg").css("left", (_width- $("#div_msg").width())/2);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="javascript:void(0)" onclick="ShowMessageBox()" >Click</a>
<div id="div_msg" class="div_msg" style="position:absolute;left:0;top:0;width:250px">
保存成功！
</div>
</div>
</form>
</body>
</html>
如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇
您可能感興趣的文章:
------分隔線----------------------------
