×

浮动广告代码

浮动广告代码(浮动广告是什么)

admin admin 发表于2023-04-08 20:19:08 浏览63 评论0

抢沙发发表评论

本文目录一览:

谁知道网页悬浮广告的代码?

脚本说明: 把如下代码加入body区域中 SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript" initAd();//载入页面后,调用函数initAd() /SCRIPT script language="JavaScript" !-- function initAd() { document.all.AdLayer.style. posTop = -200; //设置onLoad事件激发以后, 广告层相对于固定后的y方向位置 document.all.AdLayer.style. visibility = 'visible'//设置层为可见 MoveLayer('AdLayer');// 调用函数MoveLayer() } function MoveLayer(layerName) { var x = 600;//浮动广告层固定于浏览器的x方向位置 var y = 300;//浮动广告层固定于浏览器的y方向位置 var diff = (document.body.scrollTop + y - document.all.AdLayer.style. posTop)*.40; var y = document.body.scrollTop + y - diff; eval("document.all." + layerName + ".style.posTop = y"); eval("document.all." + layerName + ".style.posLeft = x");//移动广告层 setTimeout("MoveLayer(' AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer() } //-- /script !--下面为一个ID为AdLayer的层( 如ID名不为AdLayer, 上面MoveLayer()内的AdLayer也要作相应修改) ,包括一张带链接的图片-- div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px' a href=" . com/"img src=' images0324/logo2.gif' border="0" height="31" width="88"/a /div

我的网站是php编写的,先要在首页出现一个漂浮的广告,该如何添加代码。

html

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

求浮动广告代码 !

下面是一个固定在页面右下角的窗口,如果你想固定在其它部位可以参考这个特效:

html

head

title中国站长天空-网页特效-CSS特效-始终在页面固定位置的层/title

meta http-equiv="content-Type" content="text/html;charset=gb2312"

!--把下面代码加到head与/head之间--

style

!--

.div{

position: absolute;

border: 2px solid red;

background-color: #EFEFEF;

line-height:90px;

font-size:12px;

z-index:1000;

}

--

/style

/head

body

!--把下面代码加到body与/body之间--

div id="Javascript.Div" class="div" style="width: 240; height:90;" align="center"右下.../div

SCRIPT LANGUAGE="JavaScript"

function sc1(){

document.getElementById("Javascript.Div").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("Javascript.Div").offsetHeight; document.getElementById("Javascript.Div").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.Div").offsetWidth;;-浮动广告代码

}

/SCRIPT

SCRIPT LANGUAGE="JavaScript"

!--

function scall(){

sc1();

}

window.onscroll=scall;

window.onresize=scall;

window.onload=scall;

//--

/SCRIPT

div style="position: absolute; top: 0; left: 0; width: 10000; height: 4000;"/div

/body

/html

网页上的浮动广告代码注释

script language="JavaScript"

var pic="天空.jpg"; //图片路径

var alt="不知道要说些啥"; //如果图片不存在显示这个文字

var speed=100; //间隔秒数100 毫秒

var light=0;

var stop=0; //定义一个变量stop 来区分div 是否动

var num=0; //num 也就是数量

var brOK=false;

var mie=false; //定义一个变量mie 初始值为假可能是默认不是IE

var aver=parseInt(navigator.appVersion.substring(0,1)); //取得浏览器信息

var aname=navigator.appName; //得到浏览器的名字

var vmin=2;

var vmax=5;

var vr=2;

var timer1;

var allyes;

var ns = (document.layers) ? 1 : 0; //这行有问题 document.layers 不支持

var ie = (document.all) ? 1 : 0; //判断浏览器 1是IE 否则是其它浏览器

var bFade=false;

function checkbrOK(){ //检测函数

if(aname.indexOf("Internet Explorer")!=-1){ //判断是不是 ie 浏览器

if(aver=4) brOK=navigator.javaEnabled();

mie=true;

}

if(aname.indexOf("Netscape")!=-1){ // 判断是不是 firefox 浏览器

if(aver=4) brOK=navigator.javaEnabled();

}

}

function Chip(chipname,width,height){

this.named=chipname;

this.vx=vmin+vmax*Math.random();

this.vy=vmin+vmax*Math.random();

this.w=width;

this.h=height;

this.xx=10;

this.yy=10;

this.timer1=null;

}

function movechip(chipname){ //移动那个图片函数

if (stop!=1){ //判断这个图片是不是动的,如果动的划执行下面

if(brOK){

eval("chip="+chipname);

if(!mie){ //非ie 执行

pageX=window.pageXOffset;

pageW=window.innerWidth; //取得浏览器宽度

pageY=window.pageYOffset;

pageH=window.innerHeight;//取得浏览器的高度

}

else{ //IE 执行

pageX=window.document.body.scrollLeft; //取得左滚动条位置

pageW=window.document.body.offsetWidth; //取得浏览器宽度

pageY=window.document.body.scrollTop; //取得滚动条上边的位置

pageH=window.document.body.offsetHeight; //取得浏览器的高度

}

chip.xx=chip.xx+chip.vx;

chip.yy=chip.yy+chip.vy;

chip.vx+=vr*(Math.random()-0.5);

chip.vy+=vr*(Math.random()-0.5);

if(chip.vx(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; //计算位置

if(chip.vx(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;

if(chip.vy(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;

if(chip.vy(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

if(chip.xx=pageX){

chip.xx=pageX;

chip.vx=vmin+vmax*Math.random(); //生成一个随机数

}

if(chip.xx=pageX+pageW-chip.w){

chip.xx=pageX+pageW-chip.w;

chip.vx=-vmin-vmax*Math.random();

}

if(chip.yy=pageY){

chip.yy=pageY;

chip.vy=vmin+vmax*Math.random();

}

if(chip.yy=pageY+pageH-chip.h){

chip.yy=pageY+pageH-chip.h;

chip.vy=-vmin-vmax*Math.random();

}

if(!mie){ //firefox 以及其它浏览器执行

eval("document."+chip.named+".top ="+chip.yy); //设置 样式

eval("document."+chip.named+".left="+chip.xx); //设置 样式

}

else{ //ie 执行的

eval("document.all."+chip.named+".style.pixelLeft="+chip.xx); //设置 样式

eval("document.all."+chip.named+".style.pixelTop ="+chip.yy); //设置 样式

}

chip.timer1=setTimeout("movechip('"+chip.named+"')",speed); //设定一个时间来调用movechip 函数

}

}

else {chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);} //设定一个时间来调用movechip 函数

if (ie){

if (light==1){

var nOpacity=oImg.filters.alpha.opacity; //设置透明度

if (nOpacity=100) bFade=true;

if (nOpacity=0) bFade=false;

if (bFade) oImg.filters.alpha.opacity--; //设置透明度

if (!bFade) oImg.filters.alpha.opacity++; //设置透明度

}

}

}

function stopme(chipname){ // 停止函数

if(brOK){

eval("chip="+chipname);

if(chip.timer1!=null){

clearTimeout(chip.timer1) //清楚时间间隔调用

}

}

}

function allyes1(){ //刚打开网页就调用它,为了让图片动起来

if (num==0){

checkbrOK();

allyes=new Chip("allyes",100,80); // 创建一个Chip 类,给了几个参数

if(brOK) {

movechip("allyes");

}

}

num++;

}

if (ie){ //如果IE 浏览器就执行下面,

document.write("div ID='allyes' STYLE='position:absolute;left: 10px; top:10px;'"); //输出一个div

document.write("a HREF='' target=_blank");//指向网址

if (light==1){//当LIGHT=1

document.write("ddimg SRC='" + pic + "' onload='allyes1()' ID='oImg'border='0' alt='" + alt + "'style='position:absolute;left:200px;top:200px;filter:alpha(opacity=50);'onMouseOver='stop=1;' onMouseOut='stop=0;'/a/dd");//输出-浮动广告代码

}

else if (light==0){

document.write("ddimg SRC='" + pic + "' onload='allyes1()' border='0' alt='" + alt + "' onMouseOver='stop=1;' onMouseOut='stop=0;'/a/dd");-浮动广告代码

}

document.write("/div"); // 关闭div 标签

}

else if (ns){ //这里有问题 ns 一直就是0 以下代码不执行,不用解释了

document.write("layer name='allyes' visibility=\"show\" onMouseOver='stop=1;' onMouseOut='stop=0;' onload='allyes1()' ");-浮动广告代码

document.write("a HREF=''");

document.write("ddimg SRC='" + pic + "' border='0' alt='" + alt + "'/a/dd");

document.write("/layer");

}

/script

求一个右下角的漂浮广告代码?

右下角漂浮广告代码使用方法(一): 将以下代码以**.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)

}

急,高手进,关于浮动广告的代码,帮我修改下,使之范围扩大到当前页面的最右边界,谢谢!!!

这里有一个浮动层可以随屏滚动

位置可以自己设置

里面有教程和源码

试试吧