php下划线长度如何改变,【下划线导航】下划线如果我想要改变长度和跟随怎么改呢？...

摘要：

下滑跟随导航下滑跟随导航

*{margin: 0;padding: 0;}

.menu{

width: 900PX;

height: 40px;

background-color: #A9A9A9;

box-shadow: 0 2px 20px #636363;

border-radius: 2px;

margin: 20px auto;

position: relative;

}

ul{

list-style: none;

font-size: 15px;

text-align: center;

font-weight: bold;

}

li{

float: left;

width: 100px;

height: 1.875rem;

cursor: pointer;

line-height: 40px;

}

.block{

width: 100px;

height: 2px;

background: #008000;

top: 40px;

position: absolute;

}

$(function(){

$('li').hover(

function(){

$x=parseInt($(this).attr('name'))*100

$('.block').stop().animate({left:$x+'px'},200)

},

function(){

$('.block').stop().animate({left:'0px'},200)

}

)

})

• 首页
• PHP
• JAVA
• HTML
• C++

批改老师：欧阳批改时间：2019-05-20 09:11:43

老师总结：完成的不错，常用的css样式可以写到公用文件里，每个项目都可以加载这一个公用文件。继续加油。