JS 实现Div向上浮动的实现代码

复制代码 代码如下:

<div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();"
style="position: absolute; width: 100px;">
<a href="https://m.qb5200.com/www.qb5200.com" 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>

<div> <a href="https://m.qb5200.com/www.qb5200.com" 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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]