国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Javascript實現帶關閉按鈕的網頁漂浮廣告代碼

2024-05-06 15:58:45
字體:
來源:轉載
供稿:網友
帶有關閉功能的漂浮圖片的實現方法有很多,下面為大家介紹下使用Javascript是如何實現的,喜歡的額朋友可以了解下

復制代碼 代碼如下:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>帶關閉按鈕的網頁漂浮廣告代碼</title>
</head>
<body>
<div>
<a href="#" target="_blank"><img src="圖片路徑"/></a>
<span>X</span>
</div>
<script language=javascript src=ff.js>

</script>
</body>
</html>


ff.js代碼

復制代碼 代碼如下:


var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = 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 + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 伊吾县| 汨罗市| 浦江县| 余干县| 台北县| 盐边县| 鹰潭市| 吉隆县| 浦城县| 扶余县| 贵定县| 中江县| 敦化市| 观塘区| 文山县| 湖口县| 达州市| 苏尼特左旗| 梨树县| 台北市| 化德县| 菏泽市| 凤冈县| 贺兰县| 宁陵县| 中江县| 民权县| 鞍山市| 荆州市| 远安县| 四平市| 建湖县| 江西省| 阿拉尔市| 调兵山市| 扬州市| 福州市| 宣汉县| 新兴县| 酉阳| 梧州市|