当鼠标移到或点击更多时,出现一个DIV,DIV里我想添加链接
有点类似下拉框,
<p><a href="#">aa</a> <a href="#">bb </a> <a href="#">xxx</a> <a href="#">更多</a></p>
我想在DIV里做两排链接链接1 | 链接2
链接3 | 链接4
链接5 | 链接6
有点类似下拉框,
<p><a href="#">aa</a> <a href="#">bb </a> <a href="#">xxx</a> <a href="#">更多</a></p>
我想在DIV里做两排链接链接1 | 链接2
链接3 | 链接4
链接5 | 链接6
<head>
<title></title>
<style type="text/css">
ul {
margin:0px;
padding:0px;
padding-left:80px;
list-style:none;
}
ul{
display:none;
}
a:hover ul{
display:block;
}
</style>
</head>
<body>
<p><a href="#">aa</a> <a href="#">bb </a> <a href="#">xxx</a> <a>更多
<ul>
<li>链接1|链接2</li>
<li>链接1|链接2</li>
<li>链接1|链接2</li>
</ul>
</a></p>
</body>
</html>
其次,在a链接中加入事件onmousemove 和 onclick 事件;
最后,在事件中 将层的display 设置为block即可。