如何在任何位置显示html菜单_随笔

把如下代码加入<body>区域中：<SCRIPT language=javascript><!--

document.onclick = popUp

function popUp() {

newX = window.event.x + document.body.scrollLeft

newY = window.event.y + document.body.scrollTop

menu = document.all.itemopen

if ( menu.style.display == ""){

menu.style.display = "none" }

else {

menu.style.display = ""}

menu.style.pixelLeft = newX - 50

menu.style.pixelTop = newY - 50

}

//-->

</SCRIPT>

</table>

整体简介：

使用浏览器的查看网页源代码功能可以查看当前页面的HTML和CSS源代码

工具原料：

IE,360极速浏览器，或任一一款浏览器均可

解决方法：

以360极速浏览器为例

打开任意一网站页面，然后在页面的空白处右击，在d出的菜单中选择查看源代码

在新打开的源代码页面中可以看见CSS文件的引用。

点击该CSS文件的链接就可以打开CSS文件进行查看。

先把导航条做出来，然后在每个想有下拉列表的栏目下，画出来下拉的选项，格式一般为

<div><ul><li><a>1</a></li><li><a>2</a></li></ul></div>，然后调好样式。并将div的style设置，display=none

然后获取到你的栏目，添加鼠标事件onMouseover或onclick都行。事件中添加jquery代码。

$("要下来的那个div的选择器").slideDown(100) 100为时间

基本上就是这个思路。

欢迎分享，转载请注明来源：内存溢出

如何在任何位置显示html菜单