对于jq实现带有二级导航的，鼠标移入移出改变css属性样式

2021-03-22 17:27

阅读：412

标签：hit style 颜色 none ade ack ref order back

1、布局：一级导航用ul li ，二级导航在li 里面可以嵌套div实现

li class="pull-active">
    a href="">资讯a>
    
    div class="ul ulH3">
        div class="li">
            a href="">活动a>
        div>
        div class="li">
            a href="">通知a>
        div>
        div class="li">
            a href="">新闻a>
        div>
        div class="li">
            a href="">政策a>
        div>
    div>
li>

2、交互：鼠标移入改变背景和字体颜色，移除去掉。

$(".pull-active").mouseover(function () {
        this.style.background = ‘#f39800‘;
        this.style.borderRadius = ‘5px‘;
        this.style.color = "white";
        $(this).children(‘.ul‘).fadeIn().css("display",‘block‘);
    }).mouseleave(function () {
        $(this).children(‘.ul‘).fadeOut().css("display", ‘none‘);
        this.style.background = ‘none‘;
        this.style.color = ‘none‘;
 });

对于jq实现带有二级导航的，鼠标移入移出改变css属性样式

标签：hit style 颜色 none ade ack ref order back

原文地址：https://www.cnblogs.com/jervy/p/12699911.html

上一篇：Django网站项目线下二维码扫描支付

下一篇：asp.net core小结

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：对于jq实现带有二级导航的，鼠标移入移出改变css属性样式
文章链接：http://soscw.com/essay/67625.html

亲，登录后才可以留言！

对于jq实现带有二级导航的，鼠标移入移出改变css属性样式

评论

热门文章

推荐文章

最新文章

置顶文章