左右下角图片广告代码(右下角小图标广告)
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站长 原创,转载请注明出处和附带本文链接;
- 上一篇:css向上移动代码(div向上移动)
- 下一篇:淘宝按钮代码(淘宝术语代码)
相关推荐
- 05-19广告网站留电话,广告网站留电话免验证码
- 05-19发布广告的平台免费,广告网站留电话
- 05-18百度广告推广电话,不需要验证码的广告平台
- 05-18企业网站模板,企业网站模板图片
- 05-17广告软文营销平台,广告软文营销平台怎么做
- 05-16关键词竞价广告,关键词竞价广告的缺点
- 05-15在百度上打广告找谁,百度上打广告有效果吗
- 05-14广告网,广告网站留电话
- 05-10打广告的平台,打广告的平台有哪些
- 05-09网页代码,网页代码快捷键
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接