网页设计图片向上浮动_利用js实现图片在浏览器中飘动（浮动窗口自由移动）效果...

首先，设置一个将要飘动的窗口，html代码如下:

利用js控制span标签在浏览器内移动

var xPos = 0;var yPos = 0; var step = 1;var delay = 10;var height = 0;

var Hoffset = 0;var Woffset = 0; var yon = 0;var xon = 0; var xon = 0; var interval;

var img = document.getElementById('img');

img.style.top = 0;

function changePos(){

width =  document.documentElement.clientWidth||document.body.clientWidth;

height = document.documentElement.clientHeight||document.body.clientHeight;

Hoffset = img.offsetHeight;

Woffset = img.offsetWidth;

if (yon) {

yPos = yPos + step;

}else {

yPos = yPos - step;

}

if (yPos 

yon = 1;

yPos = 0;

}

if (yPos >= (height -