<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Full Screen</title>
<link href="style/main.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript">
<!--
//fullscreen
function fullscreen(){
var leftWidth=200;
var iWidth = document.body.clientWidth;
var iHeight = document.documentElement.clientHeight;
var contentWidth=iWidth-leftWidth;
document.getElementById("left").style.height=iHeight;
document.getElementById("content").style.width=contentWidth;
document.getElementById("contentframe").style.width=contentWidth;
document.getElementById("contentframe").style.height=iHeight-22;
}
//-->
</script>
</head>
<body οnlοad="fullscreen();">
<form id="form1" runat="server">
<div id="chas">
<div id="left">
<div style="padding:5px; font-size:15px; font-weight:bold; color:#010d88;">Left Menu</div>
<div>
<asp:TreeView ID="TreeView1" runat="server" Target="contentframe">
</asp:TreeView>
</div>
</div>
<div id="content">
<div style="height:22px; margin:0px; padding:0px;">
<ul id="logininfo">
<li>User:<asp:Label ID="txtUser" runat="server" Text=""></asp:Label></li>
<li>Login Time:<asp:Label ID="txtTime" runat="server" Text=""></asp:Label></li>
</ul>
</div>
<div><iframe id="contentframe" name="contentframe" scrolling="no" src="epr/Default.aspx" frameborder="0"></iframe></div>
</div>
</div>
</form>
</body>
</html>
<script type="text/javascript">
<!--
window.οnresize=fullscreen;
//-->
</script>
全屏显示的主页代码
最新推荐文章于 2024-04-30 16:57:21 发布