网页漂浮图片广告
RT 网页漂浮图片广告
View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>
<body>
<div style="z-index:1;"> 浮动图片广告 已测试浏览器：IE6/IE7/IE8/Firefox/Opera/Chrome/Safari </div>
<div id="img" style="LEFT:20px;z-index:9; visibility:hidden;POSITION:absolute; TOP:20px;" onmouseover="still()">
<a href="http://www.163.com" target="_blank">
<img border=0 src="http://img3.cache.netease.com/www/logo/logo_png.png" width="190px" height="57px">
</a>
</div>
<script language="javascript">
<!-- Begin
var xPos = 20;
var yPos = document.documentElement.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;
var img = document.getElementById("img");
img.style.top = yPos;
function changePos() {
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
Hoffset=img.offsetHeight; Woffset=img.offsetWidth;
img.style.left=xPos+document.body.scrollLeft+"px";
img.style.top=yPos+document.body.scrollTop+"px";
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);
}
function still(){
var t = document.getElementById("img");
}
start();
// End -->
</script>
</body>
</html>
