当鼠标移到或点击更多时，出现一个DIV，DIV里我想添加链接

当鼠标移到或点击更多时，出现一个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

解决方案 »

  1.   

    当鼠标移到或点击更多时，出现一个DIV，DIV里我想添加链接看不懂
      

  2.   

    在更多的哪个标签上加onmouseover事件与onmouseout事件，用js在里边动态添加标签
      

  3.   

    <html> 
    <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>
      

  4.   

    首先，你写好下拉框的隐藏层；
    其次，在a链接中加入事件onmousemove  和 onclick 事件；
    最后，在事件中 将层的display 设置为block即可。