Javascript js onmouseover更改css

如何使用鼠标悬停创建“链接”或菜单。 因此，当您将鼠标悬停在css/菜单上时，应该会更改为“类”活动

---

无论您的活动类是什么，只需在活动类之前添加选择器

a:hover

a:hover, active{
    color:red;
 }

现在，无论何时悬停链接，它都将具有活动类的效果

a：悬停，活动{
颜色：红色；
}

---

无论您的活动类是什么，只需在活动类之前添加选择器

a:hover

a:hover, active{
    color:red;
 }

现在，无论何时悬停链接，它都将具有活动类的效果

a：悬停，活动{
颜色：红色；
}

---

您可以使用纯JavaScript或jQuery

JQuery：

<a href="#" class="myLink"></a>

$(".myLink").hover(function() {
    $(this).addClass("active");
}, 

// mouse out
function() {
    $(this).removeClass("active");
});

$（“.myLink”）.hover（函数（）{
$（此）.addClass（“活动”）；
}, 
//耗竭
函数（）{
$（此）.removeClass（“活动”）；
});

纯JavaScript：

var links = document.getElementsByTagName("a");

for (var i = 0; i < links.length; i++) {
    var link = links[i],
    classes = link.getAttribute("class");

    if (classes.indexOf("myLink") > -1) {
        link.onmouseover = function() {
            this.setAttribute("class", classes + " active");
        }
        // Remove active class
        link.onmouseout = function() {
            this.setAttribute("class", classes);
        }
    }
}

var links=document.getElementsByTagName（“a”）；
对于（变量i=0；i-1）{
link.onmouseover=函数（）{
此.setAttribute（“类”，类+“活动”）；
}
//删除活动类
link.onmouseout=函数（）{
这个.setAttribute（“class”，class）；
}
}
}

您可以使用纯JavaScript或jQuery

JQuery：

<a href="#" class="myLink"></a>

$(".myLink").hover(function() {
    $(this).addClass("active");
}, 

// mouse out
function() {
    $(this).removeClass("active");
});

$（“.myLink”）.hover（函数（）{
$（此）.addClass（“活动”）；
}, 
//耗竭
函数（）{
$（此）.removeClass（“活动”）；
});

纯JavaScript：

var links = document.getElementsByTagName("a");

for (var i = 0; i < links.length; i++) {
    var link = links[i],
    classes = link.getAttribute("class");

    if (classes.indexOf("myLink") > -1) {
        link.onmouseover = function() {
            this.setAttribute("class", classes + " active");
        }
        // Remove active class
        link.onmouseout = function() {
            this.setAttribute("class", classes);
        }
    }
}

var links=document.getElementsByTagName（“a”）；
对于（变量i=0；i-1）{
link.onmouseover=函数（）{
此.setAttribute（“类”，类+“活动”）；
}
//删除活动类
link.onmouseout=函数（）{
这个.setAttribute（“class”，class）；
}
}
}

CSS和HTML：

li
{
显示：内联块；
填充：10px；
背景：蓝色；
}
李：悬停
{
背景：4286f4；
}

项目1


项目2


项目2

CSS和HTML：

li
{
显示：内联块；
填充：10px；
背景：蓝色；
}
李：悬停
{
背景：4286f4；
}

项目1


项目2


项目2

非常感谢，我解决了我的问题。非常感谢，我解决了我的问题。