熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

利用JS在asp.net中實現左導航頁的隱藏

2022-06-13   來源: .NET編程 
   我們在CSDN論壇上的左上角能夠看到導航欄的功能下面就模擬該功能利用JS在中作一個簡單的無刷新的左導航欄隱藏功能
  
   首先作一個框架頁我們取名 mainaspx
  <! mainaspx 主要代碼 >
  <script>
  documentwrite(<frameset rows=* frameborder=NO border= framespacing=>);
  documentwrite(<frame src=titleaspx name=topFrame scrolling=NO noresize>);
  documentwrite(<frame src=baraspx name=MainNaviFrame scrolling=NO>);
  <! leftaspx是導航頁 menuswitchaspx是交互的按鈕頁 >
  documentwrite(<frameset name=forum cols=* frameborder=NO border= framespacing=>);
  documentwrite(<frame src=leftaspx name=LeftFrame scrolling=auto>);
  documentwrite(<frame src=menuswitchaspx name=SwichFrame scrolling=No>);
  
  documentwrite(<frameset rows=%* frameborder=NO border= framespacing=>);
  documentwrite(<frame src= name=MainFrame scrolling=no>);
  documentwrite(</frameset></frameset>);
  documentwrite(<frame src=bottomaspx name=BottomFrame scrolling=No></frameset>);
  </script>
  
  <! menuswitchjs 主要代碼>
  var leftwin = true;
  
  function changeWin()
  {
   if(leftwin == true)
   {
   ls = *;
   pnuSwitchinnerHTML = <a onclick=changeWin(); style=cursor:hand;><img src=images/ArrowOpengif border=></a>;
   leftwin = false;
   }
   else
   {
   ls = *;
   pnuSwitchinnerHTML = <a onclick=changeWin(); style=cursor:hand;><img src=images/ArrowClosegif border=></a>;
   leftwin = true;
   }
  }
  
  <! menuswitchaspx 主要代碼 >
  <table height=% cellSpacing= cellPadding= width= background=images/MiddleBggif
   border=>
   <tr>
   <td onclick=changeWin(); id=menuSwitch align=center>
   <img id=Image src=images/ArrowClosegif border= />
   </td>
   </tr>
  </table>
  
  以上功能並不完善只能起到拋磚引玉的作用歡迎網友與我交流

From:http://tw.wingwit.com/Article/program/net/201311/11728.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.