html代码中如何将浏览器的菜单栏，状态栏，地址栏，工具栏等隐藏

html-css06

html代码中如何将浏览器的菜单栏，状态栏，地址栏，工具栏等隐藏,第1张

可以用弹出窗口的形式实现楼主的想法，当用户点超链接的时候，他以为是<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 弹出新窗口的命令；

page.html 弹出窗口的文件名；

newwindow 弹出窗口的名字（不是文件名），非必须，可用空''代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

用javascript

给元素添加点击事件， 然后显示  子元素！

之后给 document 加点击事件 隐藏子元素

记得 给元素事件 阻止冒泡

以下代码仅代表想法！

odiv.onclick=function(ev){

    var oEvent = ev || event

    oul.style.display='block'

    oEvent.cancelBubble = true

}

document.onclick=function(){

    oul.style.display='none'

}

先把内嵌的ul改用dl试试吧。

<ul class="A">

<li>

<dl>

<dt><a href='#'>关于我们</a></dt>

<dd>我们的故事</dd>

<dd>我们的团队</dd>

</dl>

</li>

</ul>

<style type="text/css">

.A{}

.A li{}

.A li dl{}

.A li dl dt{}

.A li dl dd{display:none}

.A li:hover dd{display:block}

.A li dl:hover dd{display:block}

</style>