如何做导航的那种效果？！求教！_html/css_WEB-ITnose

谁可以告诉我怎么做出这种效果啊？！

回复讨论(解决方案)

我记得我们老师讲过最简单的就是溢出隐藏。。。然后用a:hover设置鼠标指上去显示。

<div  id="test">offset</div><div id="title">Hello World.</div>

$(function() {$("#test").bind({"mouseenter": function(e) {      $("#title").css("left",e.pageX).css("top",e.pageY).show();},"mouseout": function(e) {        $("#title").hide();}});});

     #title {    width:100px;    height:100px;    display:none;    position:absolute;    background-color:red;    }#test {    	position:absolute;    text-align:center;    left:20%;     top:20%;    right:50%;    bottom:50%;    background-color:gray;    border: 1px solid ;}

大体思想就是这样，细节你自己调吧，就是定位和现实隐藏问题。

JavaScript                         

display:none隐藏，想显示的时候，加个伪类:hover，然后display:block;就出来了，我觉得这是最简单的方法，但是位置要加对，定位也要准，不然不会出来的。
   

 

add测试s