Html 及 JS 代码如下： 复制代码 代码如下: <div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();" style="position: absolute; width: 100px;"> <a href="http://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需刷新才能执行]

　　推荐阅读

　　JavaScript高级程序设计（第3版）学习笔记 概述

在JavaScript面世之初，没有人会想到它会被应用的如此广泛，也远比一般人想象中的要复杂强大的多，在我自己学习的过程中，曾经有过多次震撼，只是常常没有过多久，很多美轮美奂的用法就又模糊起来，希望通过对Java>>>详细阅读

本文标题：JS 实现Div向上浮动的实现代码

地址：http://www.17bianji.com/kaifa2/JS/23031.html

 1/2    1