Question

下拉菜单缓缓展开JS如何实现

需要实现的效果是：当鼠标指向标签的时候，下拉菜单缓缓以自定义的速度展开。现在我已经写好了HTML代码和JS代码，可以实现指向的时候，显示下拉菜单，但是无法实现缓缓展开。其中JS部份如下：<script type="text/javascript"> function displaySubMenu(li) { var subMenu = li.getElementsByTagName("div")[0]; subMenu.style.display = "block";var BoxAddMax = 1; var Every_Add = 0.15; } function hideSubMenu(li) { var subMenu = li.getElementsByTagName("div")[0]; subMenu.style.display = "none"; }function MenuClick(){logbox.style.display = "block";}</script>  HTML代码如下：<li menu="nav" class=out onmouseover="this.className='on',displaySubMenu(this)" onmouseout="this.className='out',hideSubMenu(this)"><a href=" http://mtine.com.cn">   浏览</a><span title="展开">展开</span>   </li>   <div class="top_unfurlbox browse pt9 pb9" style="width:185px;overflow:hidden;">  <p class="clearfix">  <a href="'+siteUrl+'/blog/" class="fr">博客频道</a>  <a href="'+siteUrl+'/movie/">电影频道</a></p>  <p class="line_dot"></p>  <p class="clearfix">  <a href="'+siteUrl+'/group/" class="fr">群组频道</a>  <a href="'+siteUrl+'/tv/">电视频道</a></p>  <p class="line_dot"></p>  <p class="clearfix">  <a href="'+siteUrl+'/fun/" class="fr">游戏频道</a>  <a href="'+siteUrl+'/people/">人物频道</a></p>  <p class="line_dot"></p>  <p class="clearfix">  <a href="'+siteUrl+'/weekly/" class="fr">时光周刊</a>  <a href="'+siteUrl+'/video/">视频频道</a></p>  <p class="line_dot"></p>  <p><a href="'+siteUrl+'/picture/">图片频道</a></p>  <p class="line_dot"></p><p><a href="'+siteUrl+'/showtime/">电影院频道</a></p></div> 再声明就是已经实现了鼠标指向则显示下拉菜单问题，求哪位高手帮我改一下，能得以实现下拉菜单以自定义速度以上往下缓缓展开的问题。在线等。急。谢谢啦！

Answer 1

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码

Answer 2

下拉菜单