网页两侧浮动的广告栏

最新推荐文章于 2022-08-02 19:54:47 发布
最新推荐文章于 2022-08-02 19:54:47 发布 · 270 阅读 · 0
文章标签：

#javascript #ViewUI

<script language="javascript">
<!--
if(screen.width > 800){
var screenad=screen.width-135;
document.write('<DIV ID="Layer_ad1" STYLE="position:absolute; width:110; height:300; z-index:1; left: 0px;

top: 140px"><a href=http://adv.pconline.com.cn/adpuba/click?adid=15930&id=pc.sy.banner.duilian. target=_blank><img

src=http://image.pconline.com.cn/images/200510/notebook_110x300.gif WIDTH=110 HEIGHT=300 border=0></a></DIV>');
document.write('<DIV ID="Layer_ad2" STYLE="position:absolute; width:110; height:300; z-index:1; left:

'+screenad+'px; top: 140px"><a href=http://adv.pconline.com.cn/adpuba/click?adid=15930&id=pc.sy.banner.duilian.

target=_blank><img src=http://image.pconline.com.cn/images/200510/notebook_110x300.gif WIDTH=110 HEIGHT=300

border=0></a></DIV>');
}

function stat(){
var a = pageYOffset+window.innerHeight-document.Layer_ad1.document.height-100
document.Layer_ad1.top = pageYOffset-100
var a = pageYOffset+window.innerHeight-document.Layer_ad2.document.height-100
document.Layer_ad2.top = pageYOffset-100
setTimeout('stat()',2)
}

function fix(){
nome=navigator.appName
if(nome=='Netscape'){
stat()
}else{
var a=document.body.scrollTop+document.body.clientHeight-document.all.Layer_ad1.offsetHeight+100
Layer_ad1.style.top = document.body.scrollTop+150
var a=document.body.scrollTop+document.body.clientHeight-document.all.Layer_ad2.offsetHeight+100
Layer_ad2.style.top = document.body.scrollTop+150
//alert (a);
}
}
//-->
</script>


<body onScroll="fix()" onResize="fix()">
<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<

p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.
</body>
用html编写的小广告板
最新发布
m0_73740682的博客
02-26 1481
练习小作品
用js代码做一个页面广告栏
weixin_44830974的博客
04-28 1358
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0;padding: 0; } #ad{ ...
在网站首页两侧增加浮动广告
meloveself的专栏
12-10 1018
lastScrollY=0;function heartBeat(){ var diffY;if (document.documentElement && document.documentElement.scrollTop)diffY = document.documentElement.scrollTop;else if (document.body)diffY = document.body
左侧广告html,侧栏广告.html
weixin_35304361的博客
06-04 360
侧栏广告p{width: 300px;margin:10px auto;}.ad{height: 300px;width: 200px;position: fixed;left:0;top:50%;margin-top:-150px;border:1px solid red;}.ad span{position: absolute;top:0;right:0;cursor: pointer;fon...
带有关闭按钮的网站两侧浮动广告
MT2046的专栏
03-25 1494
<br />如下也是一个网站两侧浮动窗口（带着关闭按钮）<br /> <script type="text/javascript" ><br /><br />   var delta=0.15<br />   var collection;<br />   var closeB=false;<br />   function floaters() {<br />     this.items = [];<br />    this.addItem = function(id,x,y,content)<br
div两侧浮动广告 可隐藏 附加非div两侧浮动
06-17
"div 两侧浮动广告 可隐藏 附加非div两侧浮动" 这个主题涉及到的是如何在网页的左右两侧放置浮动广告，并且这些广告能够根据需要隐藏，同时还能在非 div 元素的两侧添加浮动元素。 首先，我们来理解“div 两侧浮动...
两侧活动广告栏目 即插即用型 简单易懂相当好用
03-21
"两侧浮动"意味着广告会始终保持在用户的视线范围内，无论他们浏览页面的哪个部分。这种设计可以确保广告的持续曝光，提高品牌知名度，同时也能更有效地吸引用户点击，尤其是当广告内容与用户当前浏览的内容相关时。...
CSS简单实现网页悬浮效果（对联广告）
09-27
在这个例子中，`#fixedLayer`是浮动广告的ID，我们设置了它的宽度、高度、背景颜色和边框，并将其定位在屏幕左侧10像素、顶部10像素的位置。通过`position: fixed;`，广告条将在用户滚动页面时保持不变。 需要注意...
基于jQuery的侧面浮动对联广告特效实现
结合所提供的标签信息——“jQuery, 浮动广告, 侧面广告, 对联广告, 网页特效, 前端开发, DOM操作, JavaScript, 页面交互, 广告模块”，可以深入展开多个关键技术知识点。 首先，从技术选型来看，该项目使用了 ...
分栏布局下的浮动广告实现方法
分栏布局可以很好地用于广告展示，比如在文章两侧放置广告栏（广告柱），或者在内容下方放置广告。开发者需要了解如何利用CSS、JavaScript等技术，将广告有效地集成到网站中，同时遵守相关的广告规范和最佳实践。 #...
js实现网页中常见的随滚动条移动的悬浮广告栏做法
04-13
这里的scrollTop这个变量就是获取得到可视区到达页面顶部的距离 2 调用运动函数的时候付入的参数其实就是先用整个可视区的高度减去盒子的高度，然后在加上可视区到顶部的距离，这样可以实现的就是把悬浮广告停在右下角的位置 3 根据上面的分析则说明如果把可视区的高减掉盒子的高然后再除掉2，那么此时再加上可视区到顶部的距离就可以把这个盒子保始终停在页面的中间,但是这里会有一个小问题，那就是因为我们除去2运算了所以会出现小数的情况。这样就会在那个整点位置来回走。解决的方法就是把运算结果通过parseInter取整。
[代码实例][HTML][Bootstrap]广告牌
火云的专栏
09-23 610
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap Demo 102</title> <meta name="viewport" con.
怎么在HTML中添加广告位(HTML+CSS代码实现)
陶小桃Blog
04-25 2763
合适的广告位并不会给阅读者的阅读体验带来很大的影响，甚至是网页的一种点缀。本文介绍一种使用HTML和CSS代码的方法实现广告位，在页面的左右下角，并且带有关闭按钮。 HTML+CSS实现带关闭按钮的左下角、右下角GoogleAds广告位 效果如下： ...
[css] 剩余宽度自适应
qq_14993591的博客
08-09 708
calc(100% - 200px); 注意有空格才能生效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal
如何学习Html5将商标广告栏添加阴影【二】
qq_39395109的博客
08-02 190
代码样式=====》html样式 作业3.商品卡片
html广告框,html5 右下角弹出 广告框
weixin_42503415的博客
06-25 407
.ad {position: fixed;right: 0;bottom: 0;width: 230px;height: 120px;background-image: url(imgs/ad.jpg);display: none;}.ad span {position: absolute;right: 0;top: 0;width: 40px;height: 18px;background-im...
固定在网页最顶端的文字图片框广告特效,可关闭
山鹰的专栏
11-19 2153
网页顶部文字/图片广告特效 站长学院 www.pigzz.com             body { margin: 0px;padding: 0px;text-align: center;}     TD {FONT-SIZE: 12px; COLOR: #333;}     #toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;}     --
利用HTML+css+js制作侧边栏小广告
weixin_49596018的博客
09-26 2288
利用HTML+css+js制作小广告 1、页面效果 2、HTML代码 3、css代码（给广告位设置样式） 4、js代码 在这里插入图片描述
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值