在HTML中怎样点击div显示子菜单点击其他地方隐藏子菜单

html-css027

在HTML中怎样点击div显示子菜单点击其他地方隐藏子菜单,第1张

用javascript

给元素添加点击事件, 然后显示  子元素!

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

记得 给元素事件 阻止冒泡

以下代码仅代表想法!

odiv.onclick=function(ev){

    var oEvent = ev || event

    oul.style.display='block'

    oEvent.cancelBubble = true

}

document.onclick=function(){

    oul.style.display='none'

}

这个当然是可以的,首先二级导航要做出来,就是子级盒子放在父级里,然后定位到需要的位置,再设置子级盒子display:none,就隐藏了,当hover父级盒子的时候,就用js把display改成block,就形成了导航了,

你要换成图片很简单,就是把那个盒子写成a标签,再在a标签里写上图片img标签就行了,点击图片就可以跳转。