页面无刷新链接如何实现
就是用aspx（C#）页面，左边是一个菜单链接按钮是用datalist绑定数据库的！右边是点击有链接的显示的界面，除了用框架还有什么简单的办法？最好有附加代码...
就是用aspx（C#）页面，左边是一个菜单链接按钮是用datalist绑定数据库的！右边是点击有链接的显示的界面，除了用框架还有什么简单的办法？最好有附加代码
展开
展开全部
<!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=utf-8" />
<title>窗口大小测试</title>
<style type="text/css">
<!--
.topDiv {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
border: 5px solid #747474;
position:absolute;
z-index:9999;
display:none;
width:500px;
height:300px;
margin-top:13%;
margin-left:23%;
padding:10px;
}
-->
</style>
<script type="text/javascript">
function showDiv(){
var winWidth;
var winHeight;
if (document.body && document.body.clientHeight && document.body.clientWidth)
{
winHeight = document.body.clientHeight;
winWidth = document.body.clientWidth;
alert(winWidth);
}
document.getElementById('show').style.display="block";
document.getElementById('show_win').style.display="block";
document.getElementById('show').style.width=winWidth+"px";
document.getElementById('show').style.height=winHeight+"px";
}
</script>
</head>
<body style="margin:0px;">
<div style="Z-INDEX:8888;POSITION:absolute;-moz-opacity:0.50;opacity:0.5;filter:alpha(opacity=50);BACKGROUND-COLOR:#000;display:none;" id="show">
</div>
<div class="topDiv" id="show_win"><a href="#">你可以看到一个层在最上面了吗???</a></div>
<a href="javascript:void(0);" onclick="javascript:showDiv();">是这样的吗???</a>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>窗口大小测试</title>
<style type="text/css">
<!--
.topDiv {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
border: 5px solid #747474;
position:absolute;
z-index:9999;
display:none;
width:500px;
height:300px;
margin-top:13%;
margin-left:23%;
padding:10px;
}
-->
</style>
<script type="text/javascript">
function showDiv(){
var winWidth;
var winHeight;
if (document.body && document.body.clientHeight && document.body.clientWidth)
{
winHeight = document.body.clientHeight;
winWidth = document.body.clientWidth;
alert(winWidth);
}
document.getElementById('show').style.display="block";
document.getElementById('show_win').style.display="block";
document.getElementById('show').style.width=winWidth+"px";
document.getElementById('show').style.height=winHeight+"px";
}
</script>
</head>
<body style="margin:0px;">
<div style="Z-INDEX:8888;POSITION:absolute;-moz-opacity:0.50;opacity:0.5;filter:alpha(opacity=50);BACKGROUND-COLOR:#000;display:none;" id="show">
</div>
<div class="topDiv" id="show_win"><a href="#">你可以看到一个层在最上面了吗???</a></div>
<a href="javascript:void(0);" onclick="javascript:showDiv();">是这样的吗???</a>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
