網頁設計漂浮的廣告代碼_誰有網頁飄浮廣告的代碼

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、網站漂浮廣告代碼怎麼寫

導航:首頁 > 萬維百科 > 網頁設計漂浮的廣告代碼

網頁設計漂浮的廣告代碼

與網頁設計漂浮的廣告代碼相關的知識