1、quot onclick=quotc1quot菜单二ltaltdiv id=quota0quot这里是文字ltdivltdiv id=quota1quot style=quotdisplayquot这里是图片，自己写上ltimg src=quot图片地址quotltdiv左侧右侧布局我没给你写，只写了图片文字切换功能；1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表；方法如下方法一HTML 1创建CSS菜单的HTML代码框架我们使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项2在主菜单区域中添加链接在；是这样的效果吧这是具体的代码，用纯CSS写的，希望能帮助到你lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle底部菜单上弹且固定lttitle ltstyle margin0 padding0 body margin。

2、html5中menu和nav的区别如下1menu就是页面中的菜单，而nav是导航条 2菜单是一组控件的集合，比如按钮，文本框等，通常菜单都要关联一个js事件进行人机交互导航是网站的一组链接的集合，主要是a标签，这些链接是；建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

3、下拉菜单，其实就是使用HTML+css和一些小小的js就能很简单的实现，首先需要你有至少有2个div然后在将第一个div作为父级元素，然后在使用positionabsolut绝对定位一下然后在使用JS，获取对象，然后添加一个鼠标的onmouseover；给你一个JQ的三级联动lt！doctype htmllthtmlltheadlttitlelttitleltmeta charset = quotutf8quotltheadltstyleltstyleltbodyltselect id=quotonequotltoption value=quotquot请选择省份ltoptionltselectltselect id=quot。

4、简单地说，在需要出现右键菜单的元素上给 contextmenu 事件绑定显示菜单的处理即可建议用 jQuery，实现起来比较容易，因为有现成的插件比如这两个；1首先我们打开html开发工具，新建一个html代码页面2在html代码页面上创建一个select下拉菜单3保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的4回到html代码页面，在select标签上；1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加。

5、ltscript windowonload = function 因为是放在最前面，元素没有加载完成所以要加上windowonload表示加载完成 windowbtn = documentgetElementById#39menubtn#39通过ID来获取菜单打开按钮文字图片均可实；使用CSS方法实现的效果当鼠标悬停在科目上时，出现2级下拉菜单，2级菜单中包括“语文”，“数学”，此方法为纯CSS样式表功能实现，无任何js代码lthtml lthead ltstyle type=quottextcssquot margin0px padding；left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素设置 left设置为0就可以了 ，在这期间可以加一个过渡trans；如果不想用传统的页面跳转，可以考虑使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以实现你说的那种，上下不动只有中间的内容在变，其实加载的是不同的模板，然后用路由控制的，整个浏览器始终处在一个界面中。