网页设计漂浮的广告代码_谁有网页飘浮广告的代码

1、求一个右下角的漂浮广告代码？

右下角漂浮广告代码使用方法(一)：将以下代码以**.js文件形式保存，在模板中调用这个js文件即可
（备注该代码的图片大小为250*150 代码里面有参数自己看下就知道了）document.writeln("<div id=\"qqaddiv\" style=\"position:absolute; z-index: 100;\"> ");
document.writeln("<a href=链接地址 target=_blank><img src=图片链接地址 border=0></a>");
document.writeln("</div>");
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("qqaddiv").style;
adst.top = ( bodyfrm.clientHeight - 150 ) + "px";
adst.left = ( bodyfrm.clientWidth - 250 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 150 ) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 250 ) + "px";
}
setInterval("moveR();", 80); 右下角漂浮广告代码使用方法(二)： var qq_etewidth = 259;
var qq_eteheight = 158;
var qq_banner_filename = "广告图片链接地址";
var qq_gotoUrl = '广告链接地址';document.write("<div id=eteUnionUpFloat style='margin:0px;padding-bottom:300px;z-index: 10;position:absolute;width:"+qq_etewidth+"px;height:"+qq_eteheight+"px;'>")

document.write("<a href='"+qq_gotoUrl+"' target='_blank'><img src='"+qq_banner_filename+"' border='0' style='cursor: hand;' width='"+qq_etewidth+"' height='"+qq_eteheight+"'></a>")
document.write("</div>")
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("eteUnionUpFloat").style;
adst.top = ( bodyfrm.clientHeight - qq_eteheight ) + "px";
adst.left = ( bodyfrm.clientWidth - qq_etewidth ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - qq_eteheight ) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - qq_etewidth ) + "px";
}
var objTimer=setInterval("moveR();", 100);function CloseX(){
adst.display='none';
}function ete_closediv()
{
document.getElementById('eteUnionUpFloat').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}

2、网页制作漂浮广告

以下代码放在js文件中，在网页中引入这个js文件就可以了，图片自己换，位置可调
var online=new Array();
//if (!document.layers)
document.write('<div id=divStayTopLeft style=position:absolute>');
document.write('<table cellSpacing="0" cellPadding="0" width="106" border="0" id="qqtab">');
document.write(' <tr>');
document.write(' <td width="106"><img src="image/qq.gif"></td>');
document.write(' </tr>');
document.write('</table>');
var verticalpos="frombottom"
//if (!document.layers)
document.write('</div>')

var jqq_startY =200;
function MoveQQList(){
divStayTopLeft.style.left= document.body.clientWidth-110;
divStayTopLeft.style.top=document.documentElement.scrollTop+jqq_startY;
setTimeout("MoveQQList()", 100);
}

MoveQQList();

3、谁知道网页悬浮广告代码

脚本说明:
把如下代码加入<body>区域中
<SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript">
initAd();//载入页面后，调用函数initAd()
</SCRIPT>
<script language="JavaScript">

</script>

<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
<a href="http://class.yoyoent.com/"><img src='http://www.yoyoent.com/images0324/logo2.gif' border="0" height="31" width="88"></a>
</div>

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

左栏浮动广告
<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

5、我想制作一个网页漂浮广告，但是没有代码基础，求高手指教

<html>
<head>
<title>漂浮广告</title>
<body>
<div id="codefans_net" style="position:absolute">
<a href="#" target="_blank">
<img src="/images/logo.gif" border="0">
</a>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("codefans_net")
function float() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("float()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("float()", delay)}
</script>
</body>
</html>

6、求一个碰到网页边框后会自动反弹的漂浮广告代码。

7、页面悬浮广告代码

脚本说明:
把如下代码加入<body>区域中
<SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript">
initAd();//载入页面后，调用函数initAd()
</SCRIPT>
<script language="JavaScript">

</script>

<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>
<a href="http://linhe.net"><img src='http://linhe.net/logo.gif' border="0" height="31" width="88"></a>
</div>

8、网页特效”漂浮广告代码”

漂浮广告代码代码如下

<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="http://xu-ni.net/bbs/skins/copyright.gif" border="0">
</a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>

把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间

-----上面的代码说明-------

http://xu-ni.net //换成是漂浮图片点击后出现的页面，也就是点击后出现的详细的介绍页面
http://xu-ni.net/bbs/skins/copyright.gif //换成是漂浮广告图片的URL地址，最好采用绝对路径
var x = 50,y = 60 //浮动层的初始位置，分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内，xin为真是层向右移动，否则向左；yin为真是层向下移动，否则向上
var step = 1 //层移动的步长，值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒，值越小移动速度越快

9、谁有网页飘浮广告的代码？

javascript>>
现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，本文介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，而且与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

var delta=0.015;
var collection;
var closeB=false;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;

this.items[this.items.length] = newItem;
}
this.play = function()
{
collection = this.items
setInterval('play()',30);
}
}
function play()
{
if(screen.width<=800 || closeB)
{
for(var i=0;i<collection.length;i++)
{
collection[i].object.style.display = 'none';
}
return;
}
for(var i=0;i<collection.length;i++)
{
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
followObj.style.display = '';
}
}
function closeBanner()
{
closeB=true;
return;
}

var theFloaters = new floaters();
//
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a onClick="closeBanner();" href=http://www.webjx.com target=_blank><img src=/img2/js050121_1.gif width=100 height=400 border=0></a><br><img src="/img2/js050121_close.gif" onClick="closeBanner();">');
theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" href=http://www.webjx.com target=_blank><img src=/img2/js050121_2.gif width=100 height=400 border=0 ></a><br><img src="/img2/js050121_close.gif" onClick="closeBanner();">');
theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用<script type="text/javascript" language="javascript1.2" src="*.js"></SCRIPT>调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

10、网站漂浮广告代码怎么写

导航:首页 > 万维百科 > 网页设计漂浮的广告代码

网页设计漂浮的广告代码

与网页设计漂浮的广告代码相关的知识