称作Tab效果，用JS实现的原理：
1、点击菜单，获取被点击菜单的索引值；
2、隐藏下方所有菜单需显示内容的容器；
3、只显示当前被点击的菜单的内容容器；
说明：索引值可通过自定义属性获取，也可以JS动态获取；
Tab效果
大致思路
左侧：菜单，给每个菜单设置id和onclick点击事件，onclick事件触发的函数假设写为display()
右侧：写个固定样式的div，id假设设置为board。
如果你的菜单内容在服务器
display()的实现如下
function display(){$.ajax({
type: "POST",
url: 菜单所请求的内容地址,
data: this.id等等相关的请求标志,
success: funtion(data){$('board').html(data)},//返回数据填充
dataType: dataType})
}
如果菜单内容写死在页面内
那么右侧：写和菜单数一样多的div，把所有的display属性设置为none
同时display()的实现如下
function display(){$('#'+$(this).attr('rel')).style.display='block'
}
以上，伪代码，仅供参考
不是window.open那种打开新窗口，是将当前窗口的菜单栏，状态栏，地址栏，工具栏等浏览器属性隐藏问题补充：
window.open我知道
可是我现在需要的是在地址栏输入我的URL，打开一个没有浏览器状态，工具，滚动轴（包括标题栏）等属性的窗口，
简单的说就是：在浏览器地址栏输入url后,当前的浏览器窗口转换成一个无边框窗口
我现在用<body
onload="window.open()">，新窗口打开的同时再用window.close把原先窗口关闭
但是window.open好像隐藏不了标题栏(titlebar)
烦啊
window.open
('page.html',
'newwindow',
'height=100,
width=400,
top=0,
left=0,
toolbar=no,
menubar=no,
scrollbars=no,
resizable=no,location=no,
status=no')
window.open
d出新窗口的命令；
page.html
d出窗口的文件名；
newwindow
d出窗口的名字（不是文件名），非必须，可用空''代替；
height=100
窗口高度；
width=400
窗口宽度；
top=0
窗口距离屏幕上方的象素值；
left=0
窗口距离屏幕左侧的象素值；
toolbar=no
是否显示工具栏，yes为显示；
menubar，scrollbars
表示菜单栏和滚动栏。
resizable=no
是否允许改变窗口大小，yes为允许；
location=no
是否显示地址栏，yes为允许；
status=no
是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
可以用d出窗口的形式实现楼主的想法，当用户点超链接的时候，他以为是<a
href="http://www.hao123.com">实际上是执行了一个<a
href="void(0)"
onclick="window.open()">打开了一个满屏的，没有任何状态，地址，输入等工具栏，这样用户也就无法关闭和改变当前地址
具体open参数，请参考：
window.open
('page.html',
'newwindow',
'height=100,
width=400,
top=0,
left=0,
toolbar=no,
menubar=no,
scrollbars=no,
resizable=no,location=no,
status=no')
window.open
d出新窗口的命令；
page.html
d出窗口的文件名；
newwindow
d出窗口的名字（不是文件名），非必须，可用空''代替；
height=100
窗口高度；
width=400
窗口宽度；
top=0
窗口距离屏幕上方的象素值；
left=0
窗口距离屏幕左侧的象素值；
toolbar=no
是否显示工具栏，yes为显示；
menubar，scrollbars
表示菜单栏和滚动栏。
resizable=no
是否允许改变窗口大小，yes为允许；
location=no
是否显示地址栏，yes为允许；
status=no
是否显示状态栏内的信息（通常是文件已经打开），yes为允许
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）