又一款漂浮广告代码_广告代码 - 脚本学堂

php实例 shell脚本 jquery选择器 python模拟登录 linux命令 nginx apache

当前位置：首页 > 脚本特效 > 广告代码 > 正文

又一款漂浮广告代码: 发布时间：2020-09-19编辑：脚本学堂

又一款漂浮广告代码，缓慢移动。

<html>
<head>
<title>漂浮广告代码</title>
</head>
<body>
<div id="img" style="position:absolute;z-index=99;">
<img src="/source/images/201207/tp714_logo.jpg" onClick="pause_resume();" border="0"  alt='img' width=100 height="100">
</div>

<script LANGUAGE="<a href=http://www.jb200.com/js/ target=_blank class=infotextkey>javascript</a>">
<!-- Begin
var xPos = document.body.offsetWidth;
var yPos = document.body.clientHeight/2;
 
var step = 1;
var delay = 50; 
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
alert(xPos) 
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.visibility = "visible";
	interval = setInterval('changePos()', delay);
}
function pause_resume() {
	if(pause) {
		clearInterval(interval);
		pause = false;
	}else {
		interval = setInterval('changePos()',delay);
	pause = true;
	}
}
start();
//  End -->
</script>
</body>
</html>

提示：可修改代码后再运行!

上一篇：网站页首可关闭的浮动广告条
下一篇：Banner广告收缩效果点击关闭会收缩上去

与又一款漂浮广告代码有关的文章

本文标题：又一款漂浮广告代码
本页链接：http://www.jb200.com/tx/115.html

浏览排行

栏目分类

热点文章