html菜单栏代码(html做下拉菜单栏代码)

http://www.itjxue.com  2023-02-14 13:16  来源:未知  点击次数: 

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

可以用弹出窗口的形式实现楼主的想法,当用户点超链接的时候,他以为是a href=""实际上是执行了一个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为允许;

我用html做了一个导航栏,代码如下:

ul的父亲是div啊,你把div的内左边内边矩设为0,padding-left:0;试试。

用html做一个通用的页面菜单栏

要实现这个功能其实非常简单,下面的思路希望对你有用。步骤如下:

一般WEB开发把页面分成3个模块:header.tpl content.tpl footer.tpl。head和footer一般都是固定不变的,唯一变化的部分是content。你说的菜单应该是header部分的导航部分。例如主页的代码可以这样写:

html

head/head

body

{include file="head.tpl"} !-- 导航部分 --

{include file="content.tpl"} !-- 变化内容 --

{include file="footer.tpl"} !-- 版权内容 --

/body

/html

用HTML做一个带下拉菜单的导航栏

你可以调整ul的高度,

将高度调至为“我要上传”这一栏高度一致。然后ul添加overflow:hidden;就行了

鼠标滑过,高度增加值所有显示完,就行了

html菜单栏的代码谢谢了,大神帮忙啊

改的比较粗,但也能用了 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "" html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title无标题文档/title style type="text/css" *{ font-size:12px; font-family:Tahoma, Geneva, sans-serif; } #nav a{ display:block; width:80px; } #nav{ margin:0; padding:0;} #nav li{ float:left; text-align:center; } #nav li a{ color:#FFF; background:#000; height:25px; } #nav li a:hover{ color:#000; background:#999; } #nav li ul{ list-style-type:none; margin:0px; padding:0px; display:none; } #nav li ul li{ float:none; } #nav li ul li a{ width:80px; height:25px; background:#333; color:#90F; } #nav li ul li a:hover{ background:#999; color:#F00; } #ddss{ position:absolute; top:40px; left:9px; width:950px; height:20px; background:#CCC; margin:5px 0 0 0; z-index:1 } .yy{clear:both;height:10px;line-height:1px;font-size:1px;} #ddst{ position:absolute; top:10px; left:9px; margin:5px 0 0 0; z-index:2 } /style /head body div id="ddst" ul id="nav" li onmouseover="show('nav_1');" onmouseout="hide('nav_1')" a href="#"一/a ul id="nav_1" lia href="#"1-1/a/li lia href="#"1-2/a/li lia href="#"1-3/a/li /ul /li li onmouseover="show('nav_2');" onmouseout="hide('nav_2')" a href="#"二/a ul id="nav_2" lia href="#"2-1/a/li lia href="#"2-2/a/li lia href="#"2-3/a/li /ul /li li class="yy"/li /ul /div div id="ddss"-------------------被挤走了,怎么办???--------------------------------- /div script type="text/javascript" function show(id){ document.getElementById(id).style.display='block'; } function hide(id){ document.getElementById(id).style.display='none'; } /script /body /html

(责任编辑:IT教学网)

更多

推荐其它系统文章