zoukankan
html css js c++ java
带隐藏功能的菜单导航
1.如图:
2.代码如下:
Code
<%
@ Page Language
=
"
C#
"
AutoEventWireup
=
"
true
"
CodeBehind
=
"
Default.aspx.cs
"
Inherits
=
"
Leasear.LeaWeb.Default
"
%>
<
html
>
<
head
runat
="server"
>
<
title
>
Untitled Page
</
title
>
<
script
src
="inc/FineMessBox/js/common.js"
type
="text/javascript"
></
script
>
<
script
src
="inc/FineMessBox/js/subModal.js"
type
="text/javascript"
></
script
>
<
style
type
="text/css"
>
BODY
{
}
{
font-size
:
12px
;
font-family
:
"Verdana" , "Arial" , "细明体" , "sans-serif"
;
}
table
{
}
{
font-size
:
12px
;
font-family
:
"Verdana" , "Arial" , "细明体" , "sans-serif"
;
}
</
style
>
</
head
>
<
body
scroll
="no"
onbeforeunload
="return CloseEvent();"
leftmargin
="0"
topmargin
="0"
marginheight
="0"
marginwidth
="0"
>
<
form
id
="form1"
runat
="server"
>
<
div
>
<
table
id
="TableMain"
border
="0"
cellspacing
="0"
cellpadding
="0"
width
="100%"
height
="100%"
>
<
tr
>
<
td
id
="Header"
width
="100%"
height
="25"
colspan
="3"
style
="border-bottom: 1px solid #000000"
>
Header
</
td
>
</
tr
>
<
tr
>
<
td
id
="frmTitle"
nowrap
="nowrap"
valign
="middle"
align
="center"
width
="180"
style
="height: auto;
border-right: 1px solid #000000"
>
<
iframe
name
="BoardTitle"
style
="height: 100%; visibility: inherit; 180; z-index: 2"
scrolling
="auto"
frameborder
="0"
src
="Left.aspx"
></
iframe
>
</
td
>
<
td
style
=" 7pt"
bgcolor
="#7898A8"
width
="10"
title
="关闭/打开左栏"
>
<
img
border
="0"
src
="images/Menu/close.gif"
id
="menuimg"
alt
="隐藏左栏"
onmouseover
="javascript: menuonmouseover();"
onmouseout
="javascript: menuonmouseout();"
onclick
="javascript:switchSysBar()"
style
="cursor: hand"
width
="11"
height
="76"
/>
</
td
>
<
td
style
=" 100%"
>
<
iframe
id
="mainFrame"
name
="mainFrame"
style
="height: 100%; visibility: inherit;
100%; z-index: 1"
scrolling
="auto"
frameborder
="0"
src
="Right.aspx"
></
iframe
>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
="3"
height
="20"
>
<
table
cellpadding
="0"
cellspacing
="0"
border
="0"
height
="20"
width
="100%"
>
<
tr
bgcolor
="Black"
>
<
td
width
="200px"
>
</
td
>
<
td
style
="padding-right: 50px"
>
<
button
name
="xsubmit"
class
="down_tools_button"
onclick
="javascript:showPopWin('About','About.aspx',510, 170, null,false)"
>
版本信息
</
button
>
<
button
name
="xsubmit"
class
="down_tools_button"
onclick
="javascript: window.mainFrame.location.href='Right.aspx'"
>
回到首页
</
button
>
<
button
name
="xsubmit"
class
="down_tools_button"
onclick
="javascript: window.top.location.href = 'Logout.aspx'"
>
退出系统
</
button
>
<
button
name
="xsubmit"
class
="down_tools_button"
onclick
="javascript:window.open('http://framework.supesoft.com/help/');"
>
帮助手册
</
button
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
form
>
</
body
>
</
html
>
<
script
language
="javascript"
type
="text/javascript"
>
function
switchSysBar()
{
if
(document.all(
"
frmTitle
"
).style.display
==
"
none
"
)
{
document.all(
"
frmTitle
"
).style.display
=
""
menuimg.src
=
"
images/Menu/close.gif
"
;
menuimg.alt
=
"
隐藏左栏
"
}
else
{
document.all(
"
frmTitle
"
).style.display
=
"
none
"
menuimg.src
=
"
images/Menu/open.gif
"
;
menuimg.alt
=
"
开启左栏
"
}
}
function
menuonmouseover()
{
if
(document.all(
"
frmTitle
"
).style.display
==
"
none
"
)
{
menuimg.src
=
"
images/Menu/open_on.gif
"
;
}
else
{
menuimg.src
=
"
images/Menu/close_on.gif
"
;
}
}
function
menuonmouseout()
{
if
(document.all(
"
frmTitle
"
).style.display
==
"
none
"
)
{
menuimg.src
=
"
images/Menu/open.gif
"
;
}
else
{
menuimg.src
=
"
images/Menu/close.gif
"
;
}
}
if
(top
!=
self)
{
top.location.href
=
"
default.aspx
"
;
}
var
gDefaultLogin
=
"
inc/finemessbox/loading.html
"
;
</
script
>
欢迎转载,转载请注明出处:http://www.cnblogs.com/Tonyyang/
查看全文
相关阅读:
margin负值的应用
css书写顺序和常用命名推荐
CSS Hack代码与浏览兼容总结
高效css选择符
高级css选择器
css透明背景兼容方案
height设置100%不起作用
deepin安装Motrix,cocomusic
linux关闭ipv6
关于text-align无法居中的问题
原文地址:https://www.cnblogs.com/Tonyyang/p/1044652.html
最新文章
Struts2漏洞及修复
存储过程入门
使用触发器做简单编程
触发器
使用java操作HDFS(一)
HDFS的shell操作
搭建hadoop(hadoop-1.1.2)伪分布环境
mybatis优化
centos6.4下安装jdk
SSH查看服务器日志常用语句
热门文章
java.util.Date的after和before、equal
色彩理论学习-摘自百度百科
Oracle 积累
PS基础学习之一
Java
第一阶段-知识体系梳理
最好的前端开发资源推荐
移动端资源集锦
css常用代码大全
浮动层固定兼容IE6 position:fixed的最佳解决方案
Copyright © 2011-2022 走看看