>웹 프론트엔드 >JS 튜토리얼 >Div Floating Upward_javascript 기술을 구현하는 JS 구현 코드

Div Floating Upward_javascript 기술을 구현하는 JS 구현 코드

WBOY
WBOY원래의
2016-05-16 17:49:241409검색

Html 及 JS 代码如下:

复主代码 代码如下:

style="위치: 절대; 너비: 100px;">
脚本之家

<스크립트 유형='text/javascript'>
var newsOne = document.getElementById("newsOne");
newsOne.style.bottom = 0;
newsOne.style.left = window.screen.availWidth - 100;
var 하단 = 0;
function newsScroll() {
if (bottom > (window.screen.availHeight - window.screenTop)) {
bottom = 0;
newsOne.style.bottom = 0;
}
else {
하단 = 하단 15;
newsOne.style.bottom = 하단;
}
}
var timeid = setInterval(newsScroll, 300);
function CleartTimeInterVal() {
clearInterval(timeid);
}
function ResetInterVal() {
timeid = setInterval(newsScroll, 300);
}


지금 线运行:

[Ctrl A 전체选 注:如需引入외부Js需刷新才能执行
]
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.