如何用css做出像qq空间效果一样的飘动的图片

html-css014

如何用css做出像qq空间效果一样的飘动的图片,第1张

不行 因为层的位置不同 用css做的飘动的图片 只能 在字的背面 而不能 覆盖字

如果需要css的话 这个

body{background:url(图片地址) repeat}

图片是飘动的带球衣、雪花的透明图

这个代码生成的飘动的图片 遇到文字会被挡住

那个要用到一个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>