利用JS在asp.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>

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