<script type="text/javascript">
var xPos = 10;
var yPos = 10;
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;
img1.style.top = yPos;
function changePos()
{
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img1.offsetHeight;
Woffset = img1.offsetWidth;
img1.style.left = xPos + document.body.scrollLeft;
img1.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()
{
img1.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume()
{
if(pause)
{
clearInterval(interval);
pause = false;}
else
{
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
</script>
网页浮动广告代码
时间: 2024-10-27 07:30:16
网页浮动广告代码的相关文章
网页浮动图片代码
<div id="flash"> <script type="text/javascript"> var widths = 865; /*显示高度,自行调整*/ var heights = 255; /*显示宽度,自行调整*/ var counts = 5; img1 = new Image(); img1.src = 'images/flash_07.jpg'; img2 = new Image(); img2.src = 'images/
js 右下角浮动广告代码(四种代码)
// 随即广告 document.write("<span id="tmpmsgdiv"></span>"); var randoms=math.floor(math.random()*5+1); if(randoms%2==0){ str="<a href="http://www.111cn.net/?tn=codefans" target="_blank"><img
Javascript实现带关闭按钮的网页漂浮广告代码
带有关闭功能的漂浮图片的实现方法有很多,下面为大家介绍下使用Javascript是如何实现的,喜欢的额朋友可以了解下 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <bo
Javascript实现带关闭按钮的网页漂浮广告代码_javascript技巧
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的网页漂浮广告代码</title> </head> <body> <div id="img" style="position: absol
兼容ie6,ie7,ie8,firefox左下角浮动广告代码
提示:您可以先修改部分代码再运行 兼容ie6,ie7,ie8,firefox左下角浮动广告代码 子鼠测试. //这一行写了这个DIV是绝对定位,最好再加一下z-index:边框为1px的实线黑色边:距右边有0PX; ID=AD: 提示:您可以先修改部分代码再运行
兼容多浏览左右浮动广告代码
兼容多浏览左右浮动广告代码 var w3c = (document.getElementById) ? true : false; var agt = navigator.userAgent.toLowerCase(); var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") =
网页两侧浮动广告代码
浮动|广告|网页 在BODY内加入以下代码: "< DIV id=floater1 style="Z-INDEX: 100; LEFT: 10px; VISIBILITY: visible; WIDTH: 100px; POSITION: absolute; TOP: 160px; height: 100px;" > 左邊的東西,可以是圖片,表格 < /DIV > < DIV id=floater style="Z-INDEX:
网页对联广告代码效果大全
对联|对联广告|网页 现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码: var delta=0.015 var collection; function floaters() { this.items = []; this.addItem = functi
详细解析网页漂浮广告代码的含义
广告|网页 网页漂浮广图片特效,这种特效我们总是很喜欢,鼠标指向图片后图片停止移动. <div id="ad" style="position:absolute"><a href="http://www.webjx.com"><img src="/UploadPic/2007-7/200777163350746.jpg" border="0"></a><