利用JS在asp.net中实现左导航页的隐藏

我们在CSDN论坛上的左上角能够看到导航栏的功能,下面就模拟该功能,利用JS在asp.net中作一个简单的无刷新的左导航栏隐藏功能.

首先,作一个框架页,我们取名main.aspx


<!--main.aspx主要代码-->
<script>
document.write("<framesetrows='54,28,*,19'frameborder='NO'border='0'framespacing='0'>");
document.write("<framesrc='title.aspx'name='topFrame'scrolling='NO'noresize>");
document.write("<framesrc='bar.aspx'name='MainNaviFrame'scrolling='NO'>");
<!--left.aspx是导航页,menuswitch.aspx是交互的按钮页-->
document.write("<framesetname='forum'cols='150,8,*'frameborder='NO'border='0'framespacing='0'>");
document.write("<framesrc='left.aspx'name='LeftFrame'scrolling='auto'>");
document.write("<framesrc='menuswitch.aspx'name='SwichFrame'scrolling='No'>");

document.write("<framesetrows='100%,*'frameborder='NO'border='0'framespacing='0'>");
document.write("<framesrc=''name='MainFrame'scrolling='no'>");
document.write("</frameset></frameset>");
document.write("<framesrc='bottom.aspx'name='BottomFrame'scrolling='No'></frameset>");
</script>

<!--menuswitch.js主要代码-->
varleftwin=true;

functionchangeWin()
{
if(leftwin==true)
{
parent.forum.cols="0,8,*";
parent.SwichFrame.menuSwitch.innerHTML="<aonclick='changeWin();'style='cursor:hand;'><imgsrc='images/ArrowOpen.gif'border='0'></a>";
leftwin=false;
}
else
{
parent.forum.cols="150,8,*";
parent.SwichFrame.menuSwitch.innerHTML="<aonclick='changeWin();'style='cursor:hand;'><imgsrc='images/ArrowClose.gif'border='0'></a>";
leftwin=true;
}
}

<!--menuswitch.aspx主要代码-->
<tableheight="100%"cellSpacing="0"cellPadding="0"width="8"background="images/MiddleBg1.gif"
border="0">
<tr>
<tdonclick="changeWin();"style="cursor:hand;"id="menuSwitch"align="center">
<imgid="Image1"src="images/ArrowClose.gif"border="0"/>
</td>
</tr>
</table>

以上功能并不完善,只能起到抛砖引玉的作用,欢迎网友与我交流.

时间： 2024-10-29 12:58:27

利用JS在asp.net中实现左导航页的隐藏的相关文章

js脚本-ASP.NET中加入JS 改变表格中数据

问题描述 ASP.NET中加入JS 改变表格中数据 <%@ Page Language=""C#"" AutoEventWireup=""true"" CodeBehind=""index.aspx.cs"" Inherits=""webgf.GF"" %> <!DOCTYPE html PUBLIC ""-/

利用Timer在ASP.NET中实现计划任务的方法_实用技巧

.NET Framework中为我们提供了3种类型的Timer,分别是: Server Timer(System.Timers.Timer),Thread Timer(System.Threading.Timer )和Windows Timer(System.Windows.Forms.Timer). 其中Windows Timer和WinAPI中的Timer一样,是基于消息的,而且是单线程的.另外两个Timer则不同于Windows Timer,它们是基于ThreadPool的,这样最大的好处

ASP项目中的公共翻页模块

翻页|项目 在大型的ASP项目中,很多的页面都涉及到翻页功能.如果每个页面都写一个翻页的程序的话,这样的工作即降低了工作效率,也不利于工程的模块化,不能使代码重用.因此,把翻页这样的功能模块化是很有必要的.设计方法: 1.调用该模块时,只需要传递记录集和每页显示的记录的条数: 2.可以点击链接进行翻页,也可以直接输入页码,回车后翻页: 3.不要考虑文件名,程序的每次翻页都能在当前页面. 想清楚了上面3个问题,我们的公共翻页模块就可以动手了. <% '+++++++++++++++++++++++

ASP项目中的公共翻页模块_应用技巧

在大型的ASP项目中,很多的页面都涉及到翻页功能.如果每个页面都写一个翻页的程序的话,这样的工作即降低了工作效率,也不利于工程的模块化,不能使代码重用.因此,把翻页这样的功能模块化是很有必要的.   设计方法:  1.调用该模块时,只需要传递记录集和每页显示的记录的条数:  2.可以点击链接进行翻页,也可以直接输入页码,回车后翻页:  3.不要考虑文件名,程序的每次翻页都能在当前页面.  想清楚了上面3个问题,我们的公共翻页模块就可以动手了.  <%  '++++++++++++++++++++

ASP.NET中母版页的内容页的文本框的边框显示不了？

问题描述 我使用了母版页,在内容页中使用文本框.可是文本框的边框显示不了?为什么??我自己再创建了一个页面.可是在这个页面中边框却可以显示.母版页的代码如下:<%@MasterLanguage="C#"AutoEventWireup="true"CodeFile="MasterPage.master.cs"Inherits="MasterPage"%><!DOCTYPEhtmlPUBLIC"-//W

asp.net中WinForm分多页打印示例

示例  代码如下 复制代码 using System; using System.Drawing; using System.Drawing.Printing; using System.Windows.Forms; namespace WindowsFormsApplication1 {     public partial class Form1 : Form     {         private PrintDocument printDocument1; //PrintDocumen

ASP.NET中的状态管理

asp.net 我们在ASP中能够通过cookie.查询字符串.应用程序.对话等轻易地解决这些问题.现在到了ASP.NET环境中,我们仍然可以使用这些功能,只是它们的种类更多了,功能也更强大了. 管理互联网网页主要有二种不同的方法:客户端和服务器端. 1.客户端的状态管理: 在客户端.服务器之间的多次请求-应答期间,服务器上不保存信息,信息将被存储在网页或用户的计算机上. A.Cookie cookie是存储在客户端文件系统的文本文件中或客户端浏览器对话的内存中的少量数据,它主要用来跟踪数据设置

ASP.NET MVC4中razor使用布局页时点击导航栏局部页面跳转不出来，但是没有报错，怎么解决？

问题描述 ASP.NETMVC4中razor使用布局页时点击导航栏局部页面跳转不出来,但是没有报错,怎么解决? 解决方案 解决方案二:@URI.Content("~/控制器的名字","动作方法名")@html.Action("动作方法的名字","控制器的名字")

如何利用js使一行文字在滚动的过程中逐字减小，直到消失，谢谢啦

问题描述 如何利用js使一行文字在滚动的过程中逐字减小,直到消失,谢谢啦 要求一行文字向左滚动,在过程中文字逐个减小到消失,谢谢大家,希望可以有源码,感激不尽啦 解决方案 最好先采纳,不然写了半天,你就跑了,我只能哭哭了. 解决方案二: 定时器,控制css,控制字体大小. 解决方案三: <style type="text/css"> #gongao{width:1000px;height:30px;overflow:hidden;line-height:30px;font-