首页 / 脚本样式 / JavaScript / JS 实现Div向上浮动的实现代码

Html 及 JS 代码如下：
复制代码 代码如下:
<div id="newsOne" onmouseover="CleartTimeInterVal（）;" onmouseout="resetInterVal（）;"
style="position: absolute; width: 100px;">
<a href="http://www.jb51.net" target="_blank">脚本之家</a>
</div>
<script type="text/javascript">
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）;
}
</script>

在线运行：
脚本之家<script type="text/javascript"> 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）; } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]