Div上向きフローティングを実現するJS実装コード_javascriptスキル

Html 及び JS 代码如下：

复制代 代码如下:

<div id=" newsOne" onmouseover="ClearTimeInterVal();" onmouseout="resetInterVal();"
style="位置: 絶対; 幅: 100px;">
<a href="http://www.jb51.net" target="_blank"> 脚本之家</a>

<script type='text/javascript'>
var newsOne = document.getElementById("newsOne");
newsOne.style.bottom = 0;
newsOne.style.left = window.screen.availWidth - 100;
var ボトム = 0;
function newsScroll() {
if (bottom > (window.screen.availHeight - window.screenTop)) {
bottom = 0;
newsOne.style.bottom = 0;
}
else {
下 = 下 15;
newsOne.style.bottom = 底;
}
}
var timeid = setInterval(newsScroll, 300);
関数 CleartTimeInterVal() {
clearInterval(timeid);
}
function restartInterVal() {
timeid = setInterval(newsScroll, 300);
}
</script>

在線运行：

<div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();" style="position: absolute; width: 100px;"> <a href="http://www.jb51.net" target="_blank"> 脚本之家</a> </div>
[Ctrl A 全选注:如く必要取入外部Js必要刷新才能执行

]