当前位置：首页 > 资讯 > 技术文档

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

时间：2021-10-30 09:12 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS 实现Div向上浮动的实现代码

Html 及 JS 代码如下：

[url=http://www.1sucai.cn]</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 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：js轮盘抽奖实例分析
下一篇：深入理解Webpack 中路径的配置

资讯排行榜
更多>>