如果需要css的话 这个
body{background:url(图片地址) repeat}
图片是飘动的带球衣、雪花的透明图
这个代码生成的飘动的图片 遇到文字会被挡住
①首先你的<li>是浮动的，也就是说li脱离了文档流，故它的父级ul是无法包围li的，所以li的内容增大缩小跟ul关系是不大。
②如果是你想实现：让li水平排列。同时div的内容增加后，div向下延伸。
可以直接限制li的宽度：
li {
float:left
width:100px
}
效果如下：
<ul>
<li>
<div>测试信息a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a </div>
</li>
<li>
<div>测试信息</div>
</li>
<li>
<div>测试信息bb b b b b b b b b b b b b b b b b b b</div>
</li>
</ul>
那个要用到一个JS代码。上面的连接地址和图片可以自行更改！ <div id="codefans_net" style="position:absolute"><!--链接地址--><a href=" http://www.soso.com/" target="_blank"><!--图片地址--><img src="/images.gif" width="160" height="95" border="0"></a></div><script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") function float() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x <L) { xin = truex = L} if (x >R){ xin = falsex = R} y = y + step*(yin?1:-1) if (y <T) { yin = truey = T } if (y >B) { yin = falsey = B } } var itl= setInterval("float()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("float()", delay)} </script>
