如何在ul li 里面让部分的字进行移动。麻烦各位大侠了。

html-css07

如何在ul li 里面让部分的字进行移动。麻烦各位大侠了。,第1张

这个很简单，给你一个例子。

html页面：<div class="nav">

<ul>

<li>文字文字<span>日期</span></li>

<li>文字文字<span>日期</span></li>

<li>文字文字<span>日期</span></li>

</ul>

</div>

css样式：.nav ul li{width:100pxheight:20pxposition:relative}

.nav ul li span{ position:absoluteright:0pxtop:0px}

希望对你有帮助~~~~~

代码如下:

<&#47script>

$(function () {

$("ul li").hover(function () {

$("ul li").removeClass("liclass")

$(this).addClass("liclass")

})

})

<&#47script>

li

{

border: 1px solid #ABC

display: block

width: 100px

height: 50px

float: left

margin: 10px

text-align: center

}

.liclass{ margin-top:-2px}