JQ制作二级下拉导航菜单 带有英文注释功能

92建站   2021-06-24   收藏本文
下拉导航菜单,二级导航菜单

特效编号:C225

编码格式:UTF8

布局形式:响应式

下载说明:百度盘不限速方法

本套JQ制作二级下拉导航菜单,而且带有英文注释功能,非常强大,

不过要注意的是,下拉内容是图片,不是div布局,想用的朋友可以试试看。

使用方法:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $('#wrap>ul>li').hover(function(){
            //让图片显示
            $(this).find('#img').slideDown(300).parent().siblings().find('#img').hide()
        },function(){
            //让图片隐藏
            $(this).find('#img').hide()
        })
    })

</script>

效果截图:

下拉导航菜单,二级导航菜单

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开