java鼠标滑过时出现下划线_鼠标放上去下划线跟着滑动

Document

.active{

border-bottom: 3px solid #4b4;

}

ul{

height:80px;

border: 1px solid #ddd;

font-size:0;

}

ul li{

display: inline-block;

height:50px;

width:90px;

text-align: center;

line-height: 50px;

color:#333;

border-bottom: 3px solid #ccc;

margin: 0px;

padding: 0px;

font-size:16px;

font-family: "Microsoft YaHei",sans-serif;

}

$(function(){

var lis=$("li");

$.each(lis,function(i){

$(lis[i]).mouseenter(function(e){

$(".active").removeClass('active');

$(this).addClass('active');

});

});

});

• 首页
• 第一页
• 第二页
• 第三页