产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

pageadmin能实现下拉菜单缓慢下滑特效吗 [复制链接]

1#
pageadmin能实现下拉菜单缓慢下滑特效吗?试了很久都没成功
其中一段
<ul class="fir">
        <li class="dropdown">
        <a class="rssfeed">学院简介</a>
            <ul>
                
                <li><a href="#" >学院简介</a></li>
                <li><a href="#" >资料下载</a></li>
                <li><a href="#" >联系我们</a></li>
                
            </ul>
        </li>
    </ul>
  

<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $(".fir .dropdown").hover(
        function(){
            $("li ul").slideToggle(800);
        },function(){
            $("li ul").slideUp(1000)
        })
})
</script>
=======================================
没有特效的情况


可是怎么把图上menu类学院简介弄到代码里面替换rssfeed那个类啊?套不进去啊
分享 转发
TOP
2#

<script language="javascript" type="text/javascript">
$(function(){
    $(".menu_style").hover(
        function(){
            $("li ul").slideToggle(800);
        },function(){
            $("li ul").slideUp(1000)
        })
})
</script>
js函数那段应该这样改才对。还有关闭默认的下来效果(/e/js/comm.js里面 submenu_style=1;改为submenu_style=0;
最后再/e/css/comm.css里面增加一个样式
#Menu ul li ul{clear:both;display:none;position:absolute;text-align:left;z-index:2;left:0px;border:1px solid #ccc;}

以上代码没有测试过,感觉应该可以。
TOP
3#

[b]回复 [url=http://bbs.pageadmin.net/showtopic-27494.aspx#101300]2楼[color=Olive]xiyou[/color]的帖子[/url][/b]

感谢老大 但是这样当鼠标经过的时候 所有菜单栏都下来了,是不是因为都是.menu_style类缘故? 需要将他们分别命名吗有.menu_style1,.menu_style2,.menu_style3,.menu_style4 。。。。。。?
TOP
4#

$("li ul").
改为
&(this).children("li").children("ul").
试试
TOP
5#

[b]回复 [url=http://bbs.pageadmin.net/showtopic-27494.aspx#101342]4楼[color=Olive]xiyou[/color]的帖子[/url][/b]

谢谢老大 已经搞定
$(function(){

$(".menu_box ul li").hover(function (){  
   $(this).children("ul").stop(true,true).slideDown(600);
   },function(){      
   $(this).children("ul").stop(true,true).slideUp(200)            
  })

})
就好了
TOP
发新话题 回复该主题