当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > 利用JS在asp.net中实现左导航页的隐藏

ASP.NET
asp.net服务器上几种常见异常的解决方案.
Asp.net 下载功能的解决方案
asp.net 页面传值的几个方法
asp.net Cookie跨域、虚拟目录等设置方法
aspnet_isapi.dll设置图文方法.net程序实现伪静态
ASP.NET Web应用程序的安全解决方案浅析
asp.net 图片的读写入库实现代码
asp.net cookie的读写实例
浅析ASP.NET生成随机密码函数
asp.net 防止用户通过后退按钮重复提交表单
ASP.NET 调用百度搜索引擎的代码
asp.net用url重写URLReWriter实现任意二级域名 新
asp.net用url重写URLReWriter实现任意二级域名 高级篇
asp.net 下载文件时根据MIME类型自动判断保存文件的扩展名
asp.net 文件上传 实时进度
asp.net+jquery Gridview的多行拖放， 以及跨控件拖放
ASP.NET 页面之间传递值方式优缺点比较
asp.net 页面转向 Response.Redirect, Server.Transfer, Server.Execute的区别
ASP.NET 返回随机数实现代码
asp.net FreeTextBox配置详解

No. « 163 164 165 166 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-08-14   浏览: 116 ::
收藏到网摘: n/a

我们在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>

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