繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > 利用JS在asp.net中实现左导航页的隐藏
- ASP.NET
- blog程序新版本V2.0 Beta完成,提供V1.0全部源码下载
- “/”应用程序中的服务器错误
- asp.net(c#)复数类(复数加减乘除四则运算)
- asp.net(c#)不可访问，因为它受保护级别限制
- asp.net(c#) 水仙花数
- ASP.NET实现用图片进度条显示投票结果
- asp.net(c#) MS AJAX的安装
- asp.net(c#)有关 Session 操作的几个误区
- ASP.net基础知识之常见错误分析
- [.net] 操纵自如-页面内的配合与通信
- c# static的全部用法收集整理
- 使CheckBoxList的Attributes属性生效（修改微软的一个bug）
- 在ASP.NET中使用Session常见问题集锦
- [原创]完美解决Could not load file or assembly ''AjaxPro.2'' or one of its dependencies. 拒绝访问。
- 在Apache环境下成功的运行ASP.NET的注意事项
- ClickOnce DIY全自动更新下载升级的自我实现
- asp.net jscript 一句话木马
- 在ASP.Net中实现flv视频转换的代码
- 将DataTable中的一行复制到另一个DataTable的方法
- 在DataTable中执行Select("条件")后，返回DataTable的方法
ASP.NET 中的 利用JS在asp.net中实现左导航页的隐藏
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-14 浏览: 231 ::
收藏到网摘: 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> |
以上功能并不完善,只能起到抛砖引玉的作用,欢迎网友与我交流.
评论 (0) All
