我是靠谱客的博主 专注雪碧,这篇文章主要介绍JS 实现Div向上浮动的实现代码,现在分享给大家,希望可以做个参考。

Html 及 JS 代码如下:

复制代码 代码如下:
复制代码

<div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();"
style="position: absolute; width: 100px;">
<a href="http://www.uoften.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需刷新才能执行]

最后

以上就是专注雪碧最近收集整理的关于JS 实现Div向上浮动的实现代码的全部内容,更多相关JS内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(174)

评论列表共有 0 条评论

立即
投稿
返回
顶部