日期:2014-05-20  浏览次数:20442 次

看看这个功能是怎么实现的?
大家帮我看看下面这个页面:
http://www.joyo.com/static/?source=2006adsohunewsite
把鼠标移到 "所有20类商品 "这个按钮上去会出来一个小页面一样的东西,请问大家这个功能是怎么实现的?

------解决方案--------------------
用层,鼠标靠上,显示层,移开,隐藏层
------解决方案--------------------
<div style= "display: none; "> 这里隐藏起来了
<div>
<div id= "all-categories ">
<div class= "pop-over ">
<TABLE style= "MARGIN: 6px " width= "100% ">
<TBODY>
<TR>
<TD vAlign=top> <!-- BEGIN BMVD -->
<DIV class=category> <STRONG class=category-name> 图书音像软件 </STRONG> </DIV>
<DIV class=category>
<UL>
<LI> <A href= "http://www.joyo.com/channel/book.asp?uid=9gsu86h9ysm5u7aw7uggsssgu&pageletid=popuptop& " > 图书 </A>
<LI> <A href= "http://www.joyo.com/channel/movie.asp?uid=9gsu86h9ysm5u7aw7uggsssgu&pageletid=popuptop& " > 影视 </A>
<LI> <A href= "http://www.joyo.com/channel/music.asp?uid=9gsu86h9ysm5u7aw7uggsssgu&pageletid=popuptop& " > 音乐 </A>
<LI> <A href= "http://www.joyo.com/channel/soft_game.asp?uid=9gsu86h9ysm5u7aw7uggsssgu&pageletid=popuptop& " > 软件/学习 </A>
<LI> <A href= "http://www.joyo.com/channel/game.asp?uid=9gsu86h9ysm5u7aw7uggsssgu&pageletid=popuptop& " > 游戏/娱乐 </A> </LI> </UL> </DIV> <!-- END BMVD --> </TD>

.............
现在的购物网站都有这种功能,全部看起来设计模式都一样的