html向上浮动的方式,JS 实现Div向上浮动的实现代码

Html 及 JS 代码如下：

复制代码 代码如下:

style="position: absolute; width: 100px;">

我们

var newsOne = document.getElementById("newsOne");

newsOne.style.bottom = 0;

newsOne.style.left = window.screen.availWidth - 100;

var bottom = 0;

function newsScroll() {

if (bottom > (window.screen.availHeight - window.screenTop)) {

bottom = 0;

newsOne.style.bottom = 0;

}

else {

bottom = bottom + 15;

newsOne.style.bottom = bottom;

}

}

var timeid = setInterval(newsScroll, 300);

function CleartTimeInterVal() {

clearInterval(timeid);

}

function resetInterVal() {

timeid = setInterval(newsScroll, 300);

}

在线运行：

我们

var newsOne = document.getElementById("newsOne");

newsOne.style.bottom = 0;

newsOne.style.left = window.screen.availWidth - 100;

var bottom = 0;

function newsScroll() {

if (bottom > (window.screen.availHeight - window.screenTop)) {

bottom = 0;

newsOne.style.bottom = 0;

}

else {

bottom = bottom + 15;

newsOne.style.bottom = bottom;

}

}

var timeid = setInterval(newsScroll, 300);

function CleartTimeInterVal() {

clearInterval(timeid);

}

function resetInterVal() {

timeid = setInterval(newsScroll, 300);

}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间： 2012-10-08