跪求一段图片全屏浮动的JS 代码！

JavaScript019

跪求一段图片全屏浮动的JS 代码！,第1张

<div id="img" style="position:absolute">

<a href="#" target="_blank">

<img src="test.gif" >

</a>

</div>

<SCRIPT LANGUAGE="JavaScript1.2">

<!-- Begin

var xPos = 20

var yPos = document.body.clientHeight

var step = 1

var delay = 30

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

img.style.top = yPos

function changePos() {

width = document.body.clientWidth

height = document.body.clientHeight

Hoffset = img.offsetHeight

Woffset = img.offsetWidth

img.style.left = xPos + document.body.scrollLeft

img.style.top = yPos + document.body.scrollTop

if (yon) {

yPos = yPos + step

}

else {

yPos = yPos - step

}

if (yPos <0) {

yon = 1

yPos = 0

}

if (yPos >= (height - Hoffset)) {

yon = 0

yPos = (height - Hoffset)

}

if (xon) {

xPos = xPos + step

}

else {

xPos = xPos - step

}

if (xPos <0) {

xon = 1

xPos = 0

}

if (xPos >= (width - Woffset)) {

xon = 0

xPos = (width - Woffset)

}

}

function start() {

img.visibility = "visible"

interval = setInterval(�0�7changePos()�0�7, delay)

}

start()

// End -- >

</script >

不知道你的css是什么样的，所以你的div和span我这里都看不到，我只帮你改了图的轮播，

var total = $("#solid ul").children().length

var now = 0

var timer = null

$("#solid ul li").css("display","none")

foo()

timer = setInterval(foo,1000)

function foo() {

$("#solid ul li").eq(now).siblings().css("display","none")

$("#solid ul li").eq(now).fadeIn(400)

now++

if (now == total) {

now = 0

}

}

body {background:url(bg.jpg) top center no-repeatbackground-size:cover}这样的话背景图片就会填充整个屏幕了不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。另外 background-size:cover还可以替换成 background-size:contain使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。