html漂浮广告框代码（html漂浮特效代码）

本篇文章给大家谈谈html漂浮广告框代码，以及html漂浮特效代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、求HTML网站中的漂浮窗口代码````
• 2、html浮动广告框怎么做？
• 3、请问 网页两边浮动广告代码div漂浮广告代码怎样写？

求HTML网站中的漂浮窗口代码````

div id="img" style="position:absolute; left:35px; top:556px; width:120; height:172"

a href="/"qyml7.htm" img border="0" src="/"lo1.gif" width="140" height="120"/a/p

/div

SCRIPT LANGUAGE="JavaScript"

!-- Begin

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.visibility = "visible";

interval = setInterval('changePos()', delay);

}

start();

// End --

/script

html浮动广告框怎么做？

$(window).scroll(function () {

$('#guangao').css('top', $(document).scrollTop() + window.innerHeight / 2 - document.getElementById("guangao").clientHeight / 2);

});

以上是浮云居中的例子，作为参考。

请问 网页两边浮动广告代码div漂浮广告代码怎样写？

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " " html xmlns=" " head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / meta name="description" content=" - 代码剪辑库 ( PR 50198763 )" / title符合标准的正常工作的对联广告/title script type="text/javascript" !-- lastScrollY = 0; function heartBeat(){ var diffY; if (document.documentElement document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} //alert(diffY); percent=.1*(diffY-lastScrollY); if(percent0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px"; document.getElementById("rightDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; //alert(lastScrollY); } //下面这段删除后，对联将不跟随屏幕而移动。 window.setInterval("heartBeat()",1); //-- /script style type="text/css" !-- /* 这里定义滴是页面高度，用来测试对联跟随效果滴，跟广告无关 */ html,body{height:1000px; background:#a9050c;} #mm{height:1000px;} /* 这里是设置对联样式滴 */ #leftDiv,#rightDiv{ width:100px; /* 宽度 */ height:300px; /* 高度 */ position:absolute; /* 绝对定位激活 */ } -- /style /head body !--对联开始-- div id="leftDiv" style="top:120px; /* 距离顶部120px */ left:2px; /* 距离左侧2px */ "img src="1.gif" alt="" width="100" height="300" //div div id="rightDiv" style="top:120px; /* 距离顶部120px */ right:2px; /* 距离右侧2px */ "img src="2.gif" alt="" width="100" height="300" //div !--对联结束-- /body /html 这是一个完整的页面代码。你可以修改图片，就可以用了

满意请采纳

html漂浮广告框代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html漂浮特效代码、html漂浮广告框代码的信息别忘了在本站进行查找喔。