JS 实现Div向上浮动的实现代码
2018-10-12 13:56
399 查看
Html 及 JS 代码如下:
在线运行:
<div id="newsOne" onmouseover="CleartTimeInterVal();" onmouseout="resetInterVal();"
style="position: absolute; width: 100px;">
<a href="https://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>
在线运行:
脚本之家
您可能感兴趣的文章:
相关文章推荐
- JS 实现Div向上浮动的实现代码
- JS 实现 Div 向上浮动
- div+css布局的图片连续滚动js实现代码
- div+css+js实现无缝滚动类似marquee无缝滚动代码
- JS实现div不停旋转代码
- js+div实现图片滚动效果代码
- js实现浮动在网页右侧的简洁QQ在线客服代码
- 真正的最短代码实现图片自适应div并且垂直居中(php实现无js)
- div+css布局的图片连续滚动js实现代码
- DIV+CSS+JS不间断横向滚动实现代码
- js实现文字定时向上滚动效果_文字特效_js网页特效代码
- js 右侧浮动层效果实现代码(跟随滚动)
- 两个DIV等高的JS的实现代码
- 实现DIV圆角的js代码和使用方法
- 用JS实现div的自动滚动。代码如下:
- DIV+CSS+JS实现不间断横向滚动代码
- js+div实现文字滚动和图片切换效果代码
- js 图片随机不定向浮动的实现代码
- 通过遮罩层实现浮层DIV登录的js代码