HTML代码示例:
下拉菜单
CSS代码示例:
.dropdown-menu {
display: none;
}
.dropdown-menu li {
list-style: none;
}
.dropdown-link:hover + .dropdown-menu {
display: block;
}
JS代码示例:
$(".dropdown-link").click(function(){
$(this).next(".dropdown-menu").slideToggle();
});
其中,超链接和下拉菜单可以自定义样式,CSS样式的作用是将下拉菜单隐藏,只有在超链接被鼠标悬停时才会显示,JS代码可以用来实现点击超链接后展开下拉菜单。