当前位置:首页 > 代码 > 正文

左右下角图片广告代码(右下角小图标广告)

admin 发布:2022-12-19 16:00 149


今天给各位分享左右下角图片广告代码的知识,其中也会对右下角小图标广告进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

怎么使一个广告代码显示的图片悬浮右下角

这个使用html来实现的

首先做一个div快

div id="myId"

a href="你要连接的网站" img src="图片的地址" / /a

!-- 用一个图片当作连接地址 这个不用我多说了把 你肯定知道--

/div

然后是重点的css文件

#myId{

position: fixed

top: 500px

left: 500px

}

这个fixed是指定固定布置

top是这个div的指定高度 left是左边的距离 你算好右下角的距离 就可以了

页面悬浮广告代码

脚本说明:

把如下代码加入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=""img src='' border="0" height="31" width="88"/a

/div

谁会图片中的HTML代码,就是左下方的广告

我会。你给一个div的css属性里,加上position:fixed;就会发现,浮动起来了。你再加一个left:0px;bottom:0px;就发现跑到左下角了。

求一段 广告固定在网页右下角的代码(CSS或JS都行),谢谢!!

script language="javascript"

function repos(x,y){ //x、y分别是你广告框的宽度和高度

layid = document.getElementById("ddiv"); //ddiv的广告框div的id

layid.style.left = (document.documentElement.scrollLeft + document.documentElement.clientWidth - x)+"px";

layid.style.top = (document.documentElement.scrollTop + document.documentElement.clientHeight - y)+"px";

}

/script

这是广告框的css:style="position:absolute; z-index:1; width:175px; height:80px"

然后把上面这个repos(x,y)函数同时用到onload、onscroll、onresize的事件中

左右下角图片广告代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于右下角小图标广告、左右下角图片广告代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/11668.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载