html弹出菜单窗口(html点击菜单栏跳转页面)

单纯的实现效果有很多种方法直接跳转页面也行，下拉菜单包着a标签 下面用iframe，也行，点击的时候用js替换src lt！DOCTYPE html lthtml ltheadltmeta charset=quotutf8quot lttitlelttitleltscript src=quot；点击样式，在弹出的工具条右侧找到圆形按钮弹2左键单击圆形按钮弹3在出现的弹窗中设置文字的行数，修改文字内容；如果你的菜单内容在服务器display的实现如下functiondisplay$ajaxtypequotPOSTquot，url菜单所请求的内容地址，datathisid等等相关的请求标志，successfuntiondata$#39board#39htmldata，返回数据填充dataType。

只需要做好样式，隐藏显示就好了；还有一种原理，利用body的点击事件来操作元素的，也是可以的，但是要利用到js比较麻烦，下面的这个demo是只需要用到css就可以实现的 lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle字符串连接lttitleltstyle；你是要改右键菜单，还是做个左键菜单如果时左键菜单的话，到微软站点看看他是怎么做得就行了，他那套东西功能比较强，但得自己修改如果是右键菜单，我倒可以帮帮忙如果是右键菜单，在DREAMWEAVER中有自带的插件“；use different id for each div， and same name for all div that toggle in js function， use getElementsByName ltscript function isHiddenoDiv var allDiv = documentgetElementsByName#39toggle#39；应该还有一个独立的js脚本，function mmLoadMenus是用来调用那个脚本的，new Menu后面括号里的都是对各个参数的设置，每个参数什么含义应该在那个脚本里看下面的也是，定义链接行为样式颜色等；这个可以通过绝对定位，配合left设置 或者translate去实现 left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素。

5设置你的下拉菜单就行了 quot内容quot “外观” quot高级quot quot位置quot6调整一下你的切片位置和大小7预览f128文件导出html和图像9ok大致步骤就这么多再打开 dreamweaver 1quot插入quot“；简单地说，在需要出现右键菜单的元素上给 contextmenu 事件绑定显示菜单的处理即可建议用 jQuery，实现起来比较容易，因为有现成的插件比如这两个。

不用脚本虽然也能实现，只是结构和样式相对复杂，不如使用脚本，清晰明了隐藏显示部分可以为任何想要的内容代码如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot；这个用jQuery就的toggle函数可以实现lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float；你先做好弹窗样式，然后把它隐藏之后用时间函数控制在程序加载完毕后多少秒内把这个属性元素改为显示属性，这样就可以实现你说的弹窗也可以用js的弹窗来实现或者你可以搜“jq弹窗特效”，哪里会有很多例子希望能帮到；这个可以用层的事件Onmouseclick Onmouseout与行为显示，隐藏来实现啊不懂JS。