制作漂浮广告的代码(漂浮广告js)
我的网站是php编写的,先要在首页出现一个漂浮的广告,该如何添加代码。
head
meta http-equiv="content-type" content="text/html; charset=utf-8"
title右侧浮动窗口代码演示/title
/head
body
table height=1000trtd演示效果看右侧,右侧调用页面为right.htm/td/tr/table
!-- 浮动广告代码开始 --
div id="ShowAD" style="position:absolute; z-index: 100;"
div style="width:155;height:18px;font-size:14px;font-weight:bold;text-align:left;CURSOR: hand;" onClick="closead();"font
color=ff0000关闭/font/div
IFRAME allowTransparency="true" marginwidth=0 marginheight=0 src="right.htm" frameborder=0 width=155 scrolling=no
height=530/IFRAME
/div
script
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("ShowAD").style;
adst.top = ( bodyfrm.clientHeight -530-22 ) + "px";
adst.left = ( bodyfrm.clientWidth -155 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px";
}
setInterval("moveR();", 80);
function closead()
{
adst.display='none';
}
/script
!-- 浮动广告代码结束 --
/body
/html
求一个右下角的漂浮广告代码?
右下角漂浮广告代码使用方法(一): 将以下代码以**.js文件形式保存,在模板中调用这个js文件即可
(备注该代码的图片大小为250*150 代码里面有参数自己看下就知道了)document.writeln("div id=\"qqaddiv\" style=\"position:absolute; z-index: 100;\" ");
document.writeln("a href=链接地址 target=_blankimg src=图片链接地址 border=0/a");
document.writeln("/div");
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("qqaddiv").style;
adst.top = ( bodyfrm.clientHeight - 150 ) + "px";
adst.left = ( bodyfrm.clientWidth - 250 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 150 ) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 250 ) + "px";
}
setInterval("moveR();", 80); 右下角漂浮广告代码使用方法(二): var qq_etewidth = 259;
var qq_eteheight = 158;
var qq_banner_filename = "广告图片链接地址";
var qq_gotoUrl = '广告链接地址';document.write("div id=eteUnionUpFloat style='margin:0px;padding-bottom:300px;z-index: 10;position:absolute;width:"+qq_etewidth+"px;height:"+qq_eteheight+"px;'")
document.write("a href='"+qq_gotoUrl+"' target='_blank'img src='"+qq_banner_filename+"' border='0' style='cursor: hand;' width='"+qq_etewidth+"' height='"+qq_eteheight+"'/a")
document.write("/div")
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("eteUnionUpFloat").style;
adst.top = ( bodyfrm.clientHeight - qq_eteheight ) + "px";
adst.left = ( bodyfrm.clientWidth - qq_etewidth ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - qq_eteheight ) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - qq_etewidth ) + "px";
}
var objTimer=setInterval("moveR();", 100);function CloseX(){
adst.display='none';
}function ete_closediv()
{
document.getElementById('eteUnionUpFloat').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
网页制作之漂浮广告
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title带关闭按钮的网页漂浮广告代码alixixi.com/title
/head
body
div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="right"
a href="#" target="_blank"img border="0" src="这里放你的图片地址(例如../1.gif ../代表网站根目录)"/a
span style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval(interval);img.style.visibility = 'hidden'"X/span
/div
script language=javascript
var xPos = 20;//from alixixi.com
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.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
/script
/body
/html
网站漂浮广告代码怎么写
script type="text/javascript"
function hidead()
{document.getElementById("ad").style.display="none";}
/script
div id="ad" style="position:absolute"
!--放广告代码--DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right关闭广告×/DIV/div
script
var x = 80,y = 80
var xin = true, yin = true
var step = 1
var delay = 1
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x L) { xin = true; x = L}
if (x R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y T) { yin = true; y = T }
if (y B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
/script
网站漂浮广告代码怎么写?
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " " html xmlns=" " head title符合XHTML标准的漂浮广告代码(浮动广告代码)/title /headbodydiv id="ad" style="position:absolute" a href="" target="_blank"img src="a href="" border="0"/a /div script var x = y = 0; var xin = true, yin = true var step = 2; var delay = 1; var obj = document.getElementById("ad"); function floatAD(){ var L = 0; var T = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop); var R = document.body.clientWidth-obj.offsetWidth; var B = T + ((document.body.clientHeight document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight) - obj.offsetHeight; obj.style.left = x + document.body.scrollLeft; obj.style.top = y + document.body.scrollTop; x = x + step*(xin?1:-1); if (x L) { xin = true; x = L; } if (x R){ xin = false; x = R; } y = y + step * (yin?1:-1); if (y T) { yin = true; y = T; } if (y B) { yin = false; y = B; } } var itl = setInterval("floatAD()", delay); obj.onmouseover = function(){ clearInterval(itl) } obj.onmouseout = function(){ itl = setInterval("floatAD()", delay) } /script pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p pTest/ppTest/ppTest/p /body /html