利用JS在asp.net中实现左导航页的隐藏
来源:互联网 发布:二手货如何在淘宝上卖 编辑:程序博客网 时间:2024/05/22 00:46
我们在CSDN论坛上的左上角能够看到导航栏的功能,下面就模拟该功能,利用JS在asp.net中作一个简单的无刷新的左导航栏隐藏功能.
首先,作一个框架页,我们取名 main.aspx
<!-- main.aspx 主要代码 -->
<script>
document.write("<frameset rows='54,28,*,19' frameborder='NO' border='0' framespacing='0'>");
document.write("<frame src='title.aspx' name='topFrame' scrolling='NO' noresize>");
document.write("<frame src='bar.aspx' name='MainNaviFrame' scrolling='NO'>");
<!-- left.aspx是导航页 ,menuswitch.aspx是交互的按钮页 -->
document.write("<frameset name='forum' cols='150,8,*' frameborder='NO' border='0' framespacing='0'>");
document.write("<frame src='left.aspx' name='LeftFrame' scrolling='auto'>");
document.write("<frame src='menuswitch.aspx' name='SwichFrame' scrolling='No'>");
document.write("<frameset rows='100%,*' frameborder='NO' border='0' framespacing='0'>");
document.write("<frame src='' name='MainFrame' scrolling='no'>");
document.write("</frameset></frameset>");
document.write("<frame src='bottom.aspx' name='BottomFrame' scrolling='No'></frameset>");
</script>
<!-- menuswitch.JS 主要代码-->
var leftwin = true;
function changeWin()
{
if(leftwin == true)
{
parent.forum.cols = "0,8,*";
parent.SwichFrame.menuSwitch.innerHTML = "<a onclick='changeWin();' style='cursor:hand;'><img src='images/ArrowOpen.gif' border='0'></a>";
leftwin = false;
}
else
{
parent.forum.cols = "150,8,*";
parent.SwichFrame.menuSwitch.innerHTML = "<a onclick='changeWin();' style='cursor:hand;'><img src='images/ArrowClose.gif' border='0'></a>";
leftwin = true;
}
}
<!-- menuswitch.aspx 主要代码 -->
<table height="100%" cellSpacing="0" cellPadding="0" width="8" background="images/MiddleBg1.gif"
border="0">
<tr>
<td onclick="changeWin();" style="cursor:hand;" id="menuSwitch" align="center">
<img id="Image1" src="images/ArrowClose.gif" border="0" />
</td>
</tr>
</table>
以上功能并不完善,只能起到抛砖引玉的作用,欢迎网友与我交流.
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>- 利用JS在asp.net中实现左导航页的隐藏
- 利用JS在asp.net中实现左导航页的隐藏
- 利用JS在asp.net中实现左导航页的隐藏
- asp.net隐藏左导航栏菜单
- 在ASP.NET中实现隐藏IE浏览器的菜单栏
- 在ASP.NET中实现隐藏IE浏览器的菜单栏
- 在ASP.NET中实现隐藏IE浏览器的菜单栏
- 在asp及asp.net中隐藏JS文件
- 利用javascript在asp.net中实现颜色的选择
- asp.net左部导航
- ASP.NET中利用JS实现图片滚动
- 利用.net的内部机制在asp.net中实现身份验证
- 利用.net的内部机制在asp.net中实现身份验证
- 在ASP.Net中利用JS调用Aspx页面的输出
- ASP.net中动态导航菜单的实现
- 利用Timer在ASP.NET中实现计划任务
- 利用Timer在ASP.NET中实现计划任务
- 在ASP.NET中如何实现和利用URL重写
- 将Asp.Net页面输出为HTML
- 将架构作为语言:一个故事
- asp.net中一次更新DATAGRID中所有记录
- 安装好.net之后如何运行asp.net程序
- asp向asp.net应用程序的转变过程
- 利用JS在asp.net中实现左导航页的隐藏
- 为ASP.NET封装的SQL数据库访问类
- 敏捷建导者一定会殚精竭虑么?
- ASP.NETWebPage应用深入探讨
- 通过ASP.net程序创建域帐户故障
- asp.net2.0中使用sitemapDATAsource做页面导航
- 在ASP.NET中实现多文件上传
- asp.net(vb.net)连接sqlserver2000数据库的连接模块(module)
- 一个简单的ASP.NETForms身份认证