我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。
但是如何实现类似的图片呢?实际上,我们有至少三种方式来实现,下面,我附上代码供大家参考。
1.仅使用html和css
2.使用javascript实现二级下拉菜单
3.用jQuery实现二级下拉菜单
})
// 关键二:正确使用jQuey的语法完成行为。
$(function(){
$(".navmenu") .mouseout(function(){
$(this).children(“ul”).hide();
})
})
显然,使用jQuery是非常方便的。
最终的实现效果如下;
即当鼠标划过一级菜单时,会出现相应的二级菜单。