登陆

html5 导航栏logo右移动 新手提问!

MB275%%_4DQZ1(4K)6N7ZBE.png[EMD]KBC0KY`[V1%KSD4Z{O.jpg

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>首页</title>

<style>

*{ margin:0; padding:0; list-style:none;}

img{ border:0;}

.header{ width:100%; background:#11192c;}

.logo a img{float: left;}

.nav{ width:1000px; margin:0 auto; overflow:hidden;}

.nav ul{float: right;}

.nav ul li{ height:40px; line-height:40px; float: left; padding:10px 10px; margin:0px 5px;position:relative;}

.nav ul li a{ color:#8f8f8f; font-family:'Microsoft Yahei'; font-size:17px; text-decoration:none;}

.nav ul li a:hover{ color:#ffffff; text-decoration:none;}

.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#ffffff; top:58px; left:50%;}

</style>

</head>

<body>

<!-- 代码begin -->

<div class="header">

<div class="logo">

<a href="index.html">

<img src="images/logo.png" alt=""></a>         

</div>

<div class="nav">

<ul>

<li><a href='#'>首页</a><span></span></li>

    <li><a href='#'>首页</a><span></span></li>

    <li><a href='#'>首页</a><span></span></li>

    <li><a href='#'>首页</a><span></span></li>

    <li><a href='#'>首页</a><span></span></li>

    <li><a href='#'>首页</a><span></span></li>

</ul>

</div>

</div>

<script src="js/jquery.min.js"></script>

<script>

$(function(){

$('.nav li').hover(function(){

$('span',this).stop().css('height','2px');

$('span',this).animate({

left:'0',

width:'100%',

right:'0'

},200);

},function(){

$('span',this).stop().animate({

left:'50%',

width:'0'

},200);

});

});

</script>

<!-- 代码end -->

</body>

</html>

# Html5
古今公子?古今公子?47 天前367 次浏览

全部回复(2)我要回复

  • 大华导师

    大华导师2021-08-23 02:28:39

    『央视新闻』线上可以做的副业兼职_详情Q:8470385  现在社会有很多,愿意在家做工作,不喜欢朝九晚五的2点式工作,甚至很多人因为社会环境的影响,赋闲在家,甚至许多新手妈妈,因为怀孕或者生完孩子的妈妈,为了照顾家庭和孩子的妈妈们,选择了留在家里,但是在家里一样有很多工作是可以既能兼顾,又能赚到不低于全职工作的工资的,网络兼职就是这样一个发展潜力巨大的,适工作方式,网络兼职为人们提供的良好的兼职环境,信息发达的网络平台,可以自由选择休息时间,又不受地点的限制,完美解决工作与家庭的问题。  当然首先,要考虑的是怎么找到一份让自己满意的网络兼职工作。  兼职网站,是大众接触面比较高和全面的方式,通过兼职网站来找到兼职工作是大家的首选。兼职网站各种各样,网上随便一搜,就能出来大量的相关链接,这个对大家了来说是最容易的,但是如何在这各类网站,找到满意的兼职工作,就要花点心思了。  首先,针对自己的实际情况,可以在聚享游网页中查询自己适合的兼职,如果你是赋闲在家的人员,没有正职工作稳定收入的人,那么你可以选择一些投资理财的产品,进行长期投资,在线理财,比如有赚网,因为这种操作简单,上手快,投资稳定,风险较小。这类产品想要获得一个稳定的收益,还是需要随时关注相关信息,因为对产品了解的越多,越能累积到更多的收益。  在家的妈妈们,则可以选择新商品推广,调查类兼职,网络任务,这种的要求相对较低,完成任务都有一定的现金收益,并且现金收益是累,这样你可以根据自己的实际时间来选择完成,因为妈妈们可能空闲的时间阶段不一定,这种按照完成量的多少累积所得,更为合适。还有网络兼职打字员,也是在家的做兼职工作的不错选择。  其实任何工作都不是那么容易的,贵在坚持,但是选择一份好的网络兼职工作,那么就成功的一半,剩下的就是通过自己的努力开展,完成任务,不断累积,取得收益,完成的好的人,一个月做下来,所得完全可以与正职工作的工资相比,但是对于新手来说,每个月完成量,能够达到自己希望的资金,也不错,赚钱的机会有很多,大家可以仔细寻找,认真参与。

    回复
    0
  • 流年

    流年2021-08-08 11:44:09

    直接用right

    回复
    0
  • 取消回复发送