请问 网页两边浮动广告代码div漂浮广告代码怎样写?

就是网页两边好像是div层,页面向下滚动时,两边的广告向上跳动,不滚动... 就是网页两边好像是div 层,页面向下滚动时,两边的广告向上跳动,不滚动 展开
 我来答
青春琅研46
2014-07-15 · TA获得超过179个赞
知道答主
回答量:118
采纳率:0%
帮助的人:114万
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="description" content=" http://blog.pr1984.com - 代码剪辑库 ( PR 50198763 )" /> <title>符合标准的正常工作的对联广告</title> <script type="text/javascript"> <!-- lastScrollY = 0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} //alert(diffY); percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px"; document.getElementById("rightDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; //alert(lastScrollY); } //下面这段删除后,对联将不跟随屏幕而移动。 window.setInterval("heartBeat()",1); //--> </script> <style type="text/css"> <!-- /* 这里定义滴是页面高度,用来测试对联跟随效果滴,跟广告无关 */ html,body{height:1000px; background:#a9050c;} #mm{height:1000px;} /* 这里是设置对联样式滴 */ #leftDiv,#rightDiv{ width:100px; /* 宽度 */ height:300px; /* 高度 */ position:absolute; /* 绝对定位激活 */ } --> </style> </head> <body> <!--对联开始--> <div id="leftDiv" style="top:120px; /* 距离顶部120px */ left:2px; /* 距离左侧2px */ "><img src="1.gif" alt="" width="100" height="300" /></div> <div id="rightDiv" style="top:120px; /* 距离顶部120px */ right:2px; /* 距离右侧2px */ "><img src="2.gif" alt="" width="100" height="300" /></div> <!--对联结束--> </body> </html> 这是一个完整的页面代码。你可以修改图片,就可以用了

满意请采纳
DoramiHe
推荐于2018-05-26 · 知道合伙人互联网行家
DoramiHe
知道合伙人互联网行家
采纳数:25335 获赞数:59536
2011年中山职业技术学院毕业,现担任毅衣公司京东小二

向TA提问 私信TA
展开全部
左栏浮动广告
<script language=javascript>var specialcode="<DIV id=searchspe style='Z-INDEX: <script language=javascript>var specialcode="<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 180px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='border-left:1px solid #2E6287;border-top:1px solid #2E6287;border-right:1px solid #2E6287;font-size:12px;color:#ffffff; border-bottom-color:#2E6287; border-bottom-width:1px'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关 闭</TD></TR></TABLE><table border='1' width='150' height='500' bordercolor='#2E6287'><tr><td>广告内容</td></tr></table></DIV>";document.write(specialcode);lastScrollY=0;function heartBeat0(){diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollY);if(percent>0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.all.searchspe.style.pixelTop+=percent;lastScrollY=lastScrollY+percent;}window.setInterval("heartBeat0()",1);</script>

右栏浮动广告
<script language=javascript>var specialcode="<DIV id=searchspe style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=360 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12px;color:#ffffff'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关 闭</TD></TR></TABLE><table border='1' width='150' id='table1' bordercolor='#2E6287' height='500'><tr><td>广告内容</td></tr></table></DIV>";document.write(specialcode);lastScrollY=0;function heartBeat0(){diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollY);if(percent>0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.all.searchspe.style.pixelTop+=percent;lastScrollY=lastScrollY+perce
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
新疆新华电脑
2018-05-23 · TA获得超过118个赞
知道小有建树答主
回答量:75
采纳率:46%
帮助的人:10.1万
展开全部

如果对您有帮助,给个采纳好吗?

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2018-05-23
展开全部
广告div加css,display:flex
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
逍遥蓝月
2018-05-23 · 超过34用户采纳过TA的回答
知道答主
回答量:99
采纳率:66%
帮助的人:5.1万
展开全部
俗称网页牛皮糖,用js做
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式