全屏浮动广告代码
2008-01-28 15:18
363 查看
把这个代码复制到一个新建的htm中就可以看到效果了
<div id="img" style="position:absolute;">
<a style="cursor:hand;" href="http://happy2008.yeepay.com/10027" target="_blank"><img src="images/tp.jpg"
width="210" height="100" border="0" onclick="javascript:window.hide()" /></a>
</div>
下面的部分可以放在一个js文件里面
<SCRIPT LANGUAGE="JavaScript">
function hide()
...{
img.style.visibility="hidden";
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
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 www_helpor_net() ...{
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();
-->
</script>
<div id="img" style="position:absolute;">
<a style="cursor:hand;" href="http://happy2008.yeepay.com/10027" target="_blank"><img src="images/tp.jpg"
width="210" height="100" border="0" onclick="javascript:window.hide()" /></a>
</div>
下面的部分可以放在一个js文件里面
<SCRIPT LANGUAGE="JavaScript">
function hide()
...{
img.style.visibility="hidden";
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
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 www_helpor_net() ...{
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();
-->
</script>
相关文章推荐
- 学做全屏浮动广告 JS 原生代码
- 全屏浮动广告代码
- 可关闭与最小化的右下角浮动广告代码
- 网页固定位置浮动图片/广告代码
- 左右两侧浮动广告代码
- 新浪刚打开页面出来的全屏广告代码
- 可自定义片头的腾讯视频无广告可全屏调用代码
- 浮动窗口代码(带关闭按钮+全屏漂浮)
- 浮动广告代码
- 两侧浮动广告代码
- 浮动广告代码在网页两侧
- 浮动广告代码(转)
- 几行代码接入启动页广告, 自带图片下载、缓存相关功能, 无任何第三方依赖 - 支持静态/动态、全屏/半屏广告、iPhone/iPad.
- 右下角浮动广告代码DEMO
- 右下角浮动广告代码DEMO
- javascript 实现FLASH浮动图标广告代码
- 黄聪:浮动窗口代码(带关闭按钮+全屏漂浮)
- 浮动广告代码
- 浮动对联广告代码汇总
- javascript 页面 浮动 广告 代码