Question

js代码实现鼠标移动到上面一个效果，鼠标离开效果保持

js代码实现鼠标移动到上面一个效果，鼠标离开效果保持，当鼠标移动到下一个上面，效果变成当前效果，就好比常见的导航条，移动到上面变色，离开颜色保持，移动到下一个菜单，下一个菜单就变色，希望用最简单的代码实现，具体样式等不用写，就简单的写下，网上的这种效果js太长了，我感觉三五行js代码应该就可以实现了吧

Answer 1

eg: jquery实现方法
你要加的样式为.active ul--li实现tab
$(".li").on("mouseover",function(){
$("li").removeClass("active");
$(this).addClass("active");
});

ok！！

追问

蒽 是这个意思 不过你这段代码怎么使用的 可以详细说下嘛

追答

tab_list

ul li{
float: left;
width: 100px;
text-align: center;
list-style-type: none;
}
.active{
font-size: 25px;
color:red;
}

1
2
3

$(function(){
$("li").on("mouseover",function(){
$("li").removeClass("active");
$(this).addClass("active");
});
});

这里是全部的代码，鼠标移到li上，先移除所有li上的“.active”(其实就一个)，再给鼠标移上的那个li加上active属性

Answer 2

onmouseover="this.className='样式1'" onmouseout="this.className='样式2'"

追问

谢谢回答，不过不是这样的，我是说类似导航条，你这个如果是单个应该还可以，如果多个 移动到下一个 上面一个的效果就必须消失才可以的额

追答

1
2
3
4
5

function change(n) {
var divs = $("div[id='div']");

divs.foreach(function(){
this.className='原来的样式';
});
document.getElementById("div" + n).className='第二个样式';

}

纯手打，给个分吧