javascript - JQ设置伪元素
天蓬老师
天蓬老师 2017-04-11 12:00:26
0
3
428

设置css为.navbar-nav > li > a:after {

content: ""; width: 0px; display: block; visibility: hidden; border-style: solid; border-width: 0px 8px 8px; border-color: #a89167 transparent; position: absolute; left: 50%; bottom: 0px; z-index: 1; margin-left: -8px;

}

我想当鼠标放到id=3的li时,改变这个li的:after中的visibility. 用JQ该怎么写?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆 (3)
PHPzhong

在添加一个class,通过切换class去实现,没办法通过js去修改伪类的

.navbar-nav > li > a.show:after { visibility: visible; }
    黄舟

    可以实现的哦,不过思路要改变一下:不是修改CSS,而是使用CSS样式覆盖技术,用新定义的CSS覆盖掉旧的。

    同样的一句CSS,后定义的CSS会覆盖掉先前定义的。

    $('#3').hover(function() { // 动态创建style标签,将新定义的css写在里面 $('head').append(''); }, function() { // 去掉这个style标签,css也恢复以前的样子了 $('#li-3').remove(); });

    哈哈,你这个需求挺有趣的,希望对你有帮助。

      阿神
      #3:hover > a:after { visibility: visible; }

      这样可以么?

        最新下載
        更多>
        網站特效
        網站源碼
        網站素材
        前端模板
        關於我們 免責聲明 Sitemap
        PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!