网页悬浮广告css代码（如何用css设置一个右下角悬浮广告）

本文目录

• 如何用css设置一个右下角悬浮广告
• 网站中视频悬浮代码是什么
• 网页制作中.悬浮广告怎么弄
• css 控制
• 怎么用css样式表实现网页上的广告的漂浮啊
• 用css怎么写弹出广告代码，JS也可以，求大神
• 怎么用CSS设置悬浮广告

如何用css设置一个右下角悬浮广告

用position属性当中的fixed就好，当然也可以用javascript来实现

网站中视频悬浮代码是什么

在你的网站主目录建立JS文件，再建立一个JS文件（如ad-01.js）打开文本将下面代码复制到其中，保存格式为jsfunction initEcAd() {document.all.AdLayer1.style.posTop = -200;document.all.AdLayer1.style.visibility = ’visible’document.all.AdLayer2.style.posTop = -200;document.all.AdLayer2.style.visibility = ’visible’MoveLeftLayer(’AdLayer1’);MoveRightLayer(’AdLayer2’);}function MoveLeftLayer(layerName) {var x = 5;var y = 100;// 左侧广告距离页首高度var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;var y = document.body.scrollTop + y - diff;eval("document.all." + layerName + ".style.posTop = parseInt(y)");eval("document.all." + layerName + ".style.posLeft = x");setTimeout("MoveLeftLayer(’AdLayer1’);", 20);}function MoveRightLayer(layerName) {var x = 5;var y = 100;// 右侧广告距离页首高度var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;var y = document.body.scrollTop + y - diff;eval("document.all." + layerName + ".style.posTop = y");eval("document.all." + layerName + ".style.posRight = x");setTimeout("MoveRightLayer(’AdLayer2’);", 20);}***隐藏网址******隐藏网址***initEcAd()// JavaScript Document还没结束呢，，然后将 《script src="js/ad-01.js" language="JavaScript"》《/script》放在body中。就OK把《img src=你链接的图片 border=’0’》改为视频代码

网页制作中.悬浮广告怎么弄

functioninitEcAd(){document

all

AdLayer1

style

posTop=-200;document

all

AdLayer1

style

visibility=’visible’document

all

AdLayer2

style

posTop=-200;document

all

AdLayer2

style

visibility=’visible’MoveLeftLayer(’AdLayer1’);MoveRightLayer(’AdLayer2’);}functionMoveLeftLayer(layerName){varx=5;vary=165;vardiff=(document

body

scrollTop+y-document

all

AdLayer1

style

posTop)*

40;vary=document

body

scrollTop+y-diff;eval("document

all

"+layerName+"

style

posTop=y");eval("document

all

"+layerName+"

style

posLeft=x");setTimeout("MoveLeftLayer(’AdLayer1’);",20);}functionMoveRightLayer(layerName){varx=5;vary=165;vardiff=(document

body

scrollTop+y-document

all

AdLayer2

style

posTop)*

40;vary=document

body

scrollTop+y-diff;eval("document

all

"+layerName+"

style

posTop=y");eval("document

all

"+layerName+"

style

posRight=x");setTimeout("MoveRightLayer(’AdLayer2’);",20);}document

write("《divid=AdLayer1style=’position:absolute;visibility:hidden;z-index:1’》《ahref=连接地址target=_blank》《imgsrc=图片地址border=0》《/a》《/div》"+"《divid=AdLayer2style=’position:absolute;visibility:hidden;z-index:1’》《ahref=连接地址target=_blank》《imgsrc=图片地址border=0》《/a》《/div》");initEcAd()把上面的代码另存为一个*

JS文件，然后在想实现此效果的页面《head》《/head》之间加上一列代码：《SCRIPTFOR=’EccoolAd’EVENT=’fscommand()’LANGUAGE=’JavaScript’》AdLayer1

style

visibility=’hidden’;AdLayer2

style

visibility=’hidden’;《/script》《scriptsrc=*

js》《/script》嘿嘿把分给我吧

css 控制

《!DOCTYPE HTML》《html lang="en"》《head》***隐藏网址******隐藏网址***    《title》test《/title》    《link rel="stylesheet" href="css.css" type="text/css" media="screen"》***隐藏网址***《/head》《body》    《div style="width:100%;height:150px;background:#eee;"》《/div》    《div id="go" style="padding:30px;width:70px;border:1px solid red;background:#f60;"》1《/div》    《div style="width:100%;height:1500px;background:#eee;"》《/div》    《div》《/div》    《script type="text/javascript"》        $(function() {             var elm = $(’#go’);//通用代码，只需要修改此处id            var startPos = $(elm).offset().top;             var this_left = $(elm).offset().left;             $.event.add(window, "scroll", function() {                 var p = $(window).scrollTop();                 $(elm).css(’position’,((p) 》 startPos) ? ’fixed’ : ’static’);                 $(elm).css(’top’,((p) 》 startPos) ? ’10px’ : ’’);                 $(elm).css(’left’,this_left);             });         });         《/script》《/body》《/html》

怎么用css样式表实现网页上的广告的漂浮啊

css只能实现广告漂浮在一个指定的地方，不能动的，如果需要移动的广告就必需用js代码实现的css漂浮代码为：position:absolute;

用css怎么写弹出广告代码，JS也可以，求大神

其实蛮简单的，你理解了他的原理就会了，简单说一下吧，首先这个广告正常显示同样不影响网页其他的内容的布局，那么他应该是突出来的对吧？这个可以用相对文档的绝对定位或者相对浏览窗口的固定定位，这个会把？然后再说下弹出效果，这个广告本身是display:none；隐藏的，然后通过js或者jq控制当打开该网页的时候添加display:block就弹出了（显示）；复杂点的，有时候弹出来之后别人把他关闭了（或者直接没有关闭按钮，那么这里直接忽略），但是你又想广告过一会又弹出来，这个怎么实现呢？这里就用到了定时器setInterval，里面加个判断 当该广告的display是none的时候把他改为block，再设置个时间多久循环一次，比如两秒，当广告被关闭，两秒之后会判断一次，因为广告广告是关闭的（display:none）所以他会给广告更改样式（改为display：block），这样广告又出来了怎么样这样说能够理解吧？剩下的代码就需要你来写了，只把大概思路和你说下

怎么用CSS设置悬浮广告

《html》《head》***隐藏网址***《meta name="Copyright" content="#" /》《meta name="description" content="#" /》《meta content="#" name="keywords" /》《title》11《/title》《/head》《BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"》《div id=duilian01 style="POSITION: absolute; TOP: 100px; HEIGHT: 300px; background-color: #069; width: 100px; left: 6px;"》《/div》《div id=duilian02 style="POSITION: absolute; TOP: 100px; HEIGHT: 300px; background-color: #069; width: 100px; left: 896px;"》《/div》《script language=JavaScript src="js/scrolljs.js" type=text/javascript》《/script》《table width="778" height="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f4f4f4"》 《tr》 《td》《/td》 《/tr》《/table》《/BODY》《/HTML》---------------------------------------下面是JS代码：命名scrolljs.js------------------------------------------ self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; var tmp1= tmp2= tmp3 =0; tmp1 = document.body.clientHeight; var isArrayRightBanner = false; var has2ndScraper = false; if (typeof(duilian02.length) == "number") isArrayRightBanner = true; if (typeof(duilian01) == "object") has2ndScraper = true; function makewing() { tmp2 = document.body.clientHeight; if(tmp1 != tmp2){ tmp3 = tmp2 - tmp1; tmp1 = tmp2; if(tmp3《0){} } if(IE) { diffY = document.body.scrollTop; diffX = 0; } else if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } if(diffY != lastScrollY) { percent = .1 * (diffY - lastScrollY); if(percent 》 0) percent = Math.ceil(percent); else percent = Math.floor(percent); if(IE) { if (isArrayRightBanner) { if (document.all.skyflash != null) { document.all.skyflash.style.pixelTop += percent; } document.all.duilian02.style.pixelTop += percent; document.all.duilian02.style.pixelTop += percent; } else { if (document.all.skyflash != null) { document.all.skyflash.style.pixelTop += percent; } document.all.duilian02.style.pixelTop += percent; } if (has2ndScraper) document.all.duilian01.style.pixelTop += percent; } else if(NS) { if (isArrayRightBanner) { document.skyflash.top += percent; document.duilian02.top += percent; document.duilian02.top += percent; } else { document.skyflash.top += percent; document.duilian02.top += percent; } if (has2ndScraper) document.duilian01.top += percent; } lastScrollY = lastScrollY + percent; } if(diffX != lastScrollX) { percent = .1 * (diffX - lastScrollX); if(percent 》 0) percent = Math.ceil(percent); else percent = Math.floor(percent); if(IE) { if (isArrayRightBanner) { if (document.all.skyflash != null) { document.all.skyflash.style.pixelLeft += percent; } document.all.duilian02.style.pixelLeft += percent; document.all.duilian02.style.pixelLeft += percent; } else { if (document.all.skyflash != null) { document.all.skyflash.style.pixelLeft += percent; } document.all.duilian02.style.pixelLeft += percent; } if (has2ndScraper) document.all.duilian01.style.pixelLeft += percent; } else if(NS) { if (isArrayRightBanner) { document.skyflasy.top += percent; document.duilian02.top += percent; document.duilian02.top += percent; } else { document.skyflash.top += percent; document.duilian02.top += percent; } if (has2ndScraper) document.duilian01.top += percent; } lastScrollY = lastScrollY + percent; } } if(NS || IE) action = window.setInterval("makewing()",1);单独建一个文件夹命名js，把js文件放入文件夹内，防止路径不对出错。