> 웹 프론트엔드 > JS 튜토리얼 > Javascript는 닫기 버튼_javascript 기술을 사용하여 웹페이지 플로팅 광고 코드를 구현합니다.

Javascript는 닫기 버튼_javascript 기술을 사용하여 웹페이지 플로팅 광고 코드를 구현합니다.

WBOY
풀어 주다: 2016-05-16 17:04:10
원래의
2165명이 탐색했습니다.
复代码 代码如下:


<머리>

带关闭按钮的网页漂浮广告代码

<본문>


X

<스크립트 언어=javascript src=ff.js>





ff.js代码
复代码 代码如下:

var xPos = 20;
var yPos = document.body.clientHeight;
var 단계 = 1;
var 지연 = 30;
var 높이 = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var Pause = true;
var 간격;
img.style.top = yPos;
functionchangePos() {
width = document.body.clientWidth;
높이 = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos document.body.scrollLeft;
img.style.top = yPos document.body.scrollTop;
if (yon) {
yPos = yPos 단계;
}
else {
yPos = yPos - 단계;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (높이 - Hoffset)) {
yon = 0;
yPos = (높이 - 호오프셋);
}
if (xon) {
xPos = xPos 단계;
}
else {
xPos = xPos - 단계;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (너비 - Woffset)) {
xon = 0;
xPos = (너비 - Woffset);
}
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', 지연);
}
시작();
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿