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

ttx9n · 发表于 2012-10-11 23:10:53

用js实现的可以让div慢慢上升效果实现代码，喜欢的朋友可以参考下 Html 及 JS 代码如下：
复制代码代码如下:
<div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();"
style="position: absolute; width: 100px;">
<a href="https://www.jb51.net/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>

在线运行：

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

dm00ji1s · 发表于 2022-8-11 12:50:21

大家都不容易！

shw5ovr · 发表于 2023-5-15 15:05:41

需要很久了终于找到了

7jbiiz · 发表于 2023-8-17 12:12:38

这个源码还可以

nwk53kbd · 发表于 2023-12-9 23:56:52

挺不错的东西

ajcdn009 · 发表于 2024-5-18 06:55:59

好人好人好人好人

fwn2rd · 发表于 2024-6-16 13:41:15

而快乐你们快乐马年快乐

0608fv3 · 发表于 2024-7-23 15:04:26

很不错的玩意

rveqwdpw5 · 发表于 2024-9-17 13:23:35

加快速度很快就撒谎

FDS · 发表于 2024-11-8 02:24:16

人都不在了啊啊

账号		自动登录	找回密码
密码			立即注册

[JavaScript] JS 实现Div向上浮动的实现代码

相关帖子