著者: DotSharp
CSDN フォーラムの左上隅にあるナビゲーション バーの機能を確認できます。この機能をシミュレートし、JS を使用して、asp.net で単純な非更新ナビゲーション バー非表示機能を作成してみましょう
。フレーム ページに main.aspx という名前を付けます。
<!-- main.aspx メイン コード -->
<スクリプト>
document.write("<frameset rows='54,28,*,19' フレームボーダー='NO' ボーダー='0' フレームペーシング='0'>");
document.write("<frame src='title.aspx' name='topFrame'scrolling='NO' noresize>");
document.write("<frame src='bar.aspx' name='MainNaviFrame'scrolling='NO'>");
<!-- left.aspx はナビゲーション ページ、menuswitch.aspx は対話型ボタン ページです -->
document.write("<frameset name='forum'cols='150,8,*'frameborder='NO' border='0'framepacing='0'>");
document.write("<frame src='left.aspx' name='LeftFrame'scrolling='auto'>");
document.write("<frame src='menuswitch.aspx' name='SwichFrame'scrolling='No'>");
document.write("<frameset rows='100%,*' Frameborder='NO' border= '0' フレームペーシング='0'>");
document.write("<frame src='' name='MainFrame'scrolling='no'>");
document.write("</frameset></frameset>");
document.write("<frame src='bottom.aspx' name='BottomFrame'scrolling='No'></frameset>");
</script>
<!-- menuwitch.js メインコード -->
var leftwin = true;
関数changeWin()
{
if(leftwin == true)
{
parent.forum.cols = "0,8,*";
parent.SwichFrame.menuSwitch.innerHTML = "<a onclick='changeWin();' style='cursor:hand;'><img src='images/ArrowOpen.gif' border='0'></a>" ;
leftwin = false;
}
それ以外
{
parent.forum.cols = "150,8,*";
parent.SwichFrame.menuSwitch.innerHTML = "<a onclick='changeWin();' style='cursor:hand;'><img src='images/ArrowClose.gif' border='0'></a>" ;
leftwin = true;
}
!
-- menuwitch.aspx メイン コード -->
<table height="100%" cellSpacing="0" cellPadding="0" width="8" background="images/MiddleBg1.gif"
ボーダー="0">
<tr>
<td onclick="changeWin();" style="cursor:hand;" id="menuSwitch" align="center">
<img id="Image1" src="images/ArrowClose.gif" border="0" />
</td>
</tr>
</table>
上記の機能は完璧ではないため、ネットユーザーは私とのコミュニケーションを歓迎します。