導航:首頁 > 編程語言 > 漂浮圖片廣告代碼

漂浮圖片廣告代碼

發布時間:2025-02-17 06:24:27

⑴ 懸浮廣告代碼,帶鏈接的

這是左側漂浮的廣告代碼

<SCRIPT FOR=window EVENT=onload LANGUAGE="javascript">

initAd();//載入頁面後,調用函數initAd()

</SCRIPT>

<script language="javascript">

<!--

function initAd() {

document.all.AdLayer.style.posTop = -200;

//設置onLoad事件激發以後,廣告層相對於固定後的y方向位置

document.all.AdLayer.style.visibility = 'visible'//設置層為可見

MoveLayer('AdLayer');//調用函數MoveLayer()

}

function MoveLayer(layerName) {

var x = 0;//浮動廣告層固定於瀏覽器的x方向位置

var y = 408;//浮動廣告層固定於瀏覽器的y方向位置

var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.90;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = y");

eval("document.all." + layerName + ".style.posright = x");//移動廣告層

setTimeout("MoveLayer('AdLayer');", 0);//設置20毫秒後再調用函數MoveLayer()

}

//-->

</script>

<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 0px; top: 100px'> <a href="#"><img border="0" src="images/jixiangwu.gif" width="81" height="88"></a></div>

⑵ 求一個右下角的漂浮廣告代碼

右下角漂浮廣告代碼使用方法(一): 將以下代碼以**.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)
}

網站如何添加漂浮圖片

下面的是漂浮代碼,可以直接修改使用:

<html>
<head>
<title>漂浮廣告</title>
<body>
<divid="codefans_net"style="position:absolute">
<!--點擊漂浮圖片,鏈接到的地址,自己修改後面的鏈接--><ahref="#"target="_blank">
<!--圖片地址,自己修改後面路徑--><imgsrc="/images/logo.gif"border="0">
</a>
</div>
<script>
varx=50,y=60
varxin=true,yin=true
varstep=1
vardelay=10
varobj=document.getElementById("codefans_net")
functionfloat(){
varL=T=0
varR=document.body.clientWidth-obj.offsetWidth
varB=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}
}
varitl=setInterval("float()",delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("float()",delay)}
</script>
</body>
</html>

⑷ 請提供JS漂浮廣告代碼!謝謝!

你先把這個JS文件下下來:http://images.chinaz.com/js/INDEX.js
演示效果就是http://www.chinaz.com/上面的那個漂浮廣告

至於調用代碼,就是<script language=JavaScript src="http://images.chinaz.com/js/INDEX.js"></script>
你把裡面的這個換成你自己的

另外你要修改http://images.chinaz.com/js/INDEX.js里的圖片地址和連接地址,很容易的

⑸ 網站漂浮廣告代碼怎麼寫

<script type="text/javascript">
function hidead()
{document.getElementById("ad").style.display="none";}
</script>
<div id="ad" style="position:absolute">
<!--放廣告代碼--><DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>關閉廣告×</DIV></div>
<script>
var x = 80,y = 80
var xin = true, yin = true
var step = 1
var delay = 1
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>

⑹ 網頁特效」漂浮廣告代碼」

漂浮廣告代碼 代碼如下

<div id="ad" style="position:absolute">
<a href="http://xu-ni.net" target="_blank">
<img src="http://xu-ni.net/bbs/skins/right.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/right.gif //換成是漂浮廣告圖片的URL地址,最好採用絕對路徑
var x = 50,y = 60 //浮動層的初始位置,分別對應層的初始X坐標和Y坐標

var xin = true, yin = true //判斷層的X坐標和Y坐標是否在在控制范圍之內,xin為真是層向右移動,否則向左;yin為真是層向下移動,否則向上
var step = 1 //層移動的步長,值越大移動速度越快
var delay = 10 //層移動的時間間隔,單位為毫秒,值越小移動速度越快

⑺ 麻煩提供一個右下角漂浮的JS代碼

<!--漂浮廣告開始--><DIV id="float" style="position:absolute;z-index:3;"><IMG src="image/float.gif" width="80" height="52"></DIV><SCRIPT language='JavaScript'>//定義全局變數var xPos = 0; //X軸坐標var yPos = 0; //Y軸坐標var step = 1; //圖片移動的速度var yon = 0; //設置圖片在Y軸的移動方向var xon = 0; //設置圖片在X軸的移動方向var img = document.getElementById('float'); //圖片所在層IDfunction changePos(){var width = document.body.clientWidth; //瀏覽器寬度var height = document.body.clientHeight; //瀏覽器高度var Hoffset = img.offsetHeight; //漂浮圖片高度var Woffset = img.offsetWidth; //漂浮圖片寬度img.style.left = xPos + document.body.scrollLeft; //漂浮圖片距瀏覽器左側位置img.style.top = yPos + document.body.scrollTop; //漂浮圖片距瀏覽器頂端位置if (yon==0) { yPos = yPos + step; //漂浮圖片在Y由方向上向下移動}else {yPos = yPos - step; //漂浮圖片在Y由方向上向上移動}if (yPos < 0) { //如果漂浮圖片漂到瀏覽器頂端時,設置圖片在Y軸方向上向下移動yon = 0;yPos = 0;}if (yPos >= (height - Hoffset)) { //如果漂浮圖片漂到瀏覽器底端時,設置圖片在Y軸方向上向上移動yon = 1;yPos = (height - Hoffset);}if (xon==0) {xPos = xPos + step; //漂浮圖片在X由方向上向右移動}else {xPos = xPos - step; //漂浮圖片在X由方向上向左移動}if (xPos < 0) { //如果漂浮圖片漂到瀏覽器左側時,設置圖片在X軸方向上向右移動xon = 0;xPos = 0;}if (xPos >= (width - Woffset)) { //如果漂浮圖片漂到瀏覽器右側時,設置圖片在X軸方向上向左移動xon = 1;xPos = (width - Woffset);}setTimeout('changePos()', 30); //設置定時器,使漂浮圖片不間斷的移動} window.onload=changePos(); //頁面載入時,調用changePos()函數,隨機漂浮廣告</SCRIPT> 相信你看的懂的。這是我的源碼

⑻ 求浮動廣告的JS代碼

<html>
<head>
<title>漂浮的圖片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--head頭部代碼開始-->
<script language="JavaScript" SRC="moveobj.js"> </script>
<script>

var chip1;
var chip2;
var chip3;
//根據使用的圖片的多少增加或減少上面相應代碼;

function pagestart()
{checkbrOK();
chip1=new Chip("chip1",160,80);
chip2=new Chip("chip2",60,80);
//根據使用的圖片的多少增加或減少上面的相應代碼
if(brOK)
{ movechip("chip1");
movechip("chip2");
//根據使用的圖片的多少增加或減少上面的相應代碼
}
}
</script>
<!--代碼結束-->
<link rel="stylesheet" href="../style.css">

<body onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2');}" bgcolor="#FFFFFF" text="#000000" >
<DIV ID="chip1" STYLE="position:absolute; width:47; height:68;">
<A HREF="rm/ad1.htm"><IMG SRC="ballon1.jpg" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:47; height:68;">
<A HREF="rm/ad2.htm"><IMG SRC="ballon2.jpg" BORDER=0></a>
</DIV>
<center>
<p>
<script src="moveobj.js"></script>
</center>
</body>
</html>

⑼ 求段網頁右下角漂浮的JS代碼,放圖片廣告用的!謝謝

<script language="JavaScript">
var delta=0.15
var collection;
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()',10);
}
}
function play()
{
if(screen.width<=800)
{
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 = '';
}
}

var theFloaters = new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-90',60,'<br><EMBED src="http://www.kugogame.com/ads/ads100_300.swf" id="veicon" quality=high PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" WIDTH="90" HEIGHT="300"></EMBED>');
theFloaters.addItem('followDiv2',0,60,'<br><EMBED src="ads/kugo.swf" id="veicon" quality=high PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" TYPE="application/x-shockwave-flash" WIDTH="100" HEIGHT="300"></EMBED>');
theFloaters.play();
</script>

<!--adding code start-->
<SCRIPT FOR='veicon' EVENT='FSCommand()' LANGUAGE='JavaScript'>
followDiv1.style.visibility='hidden';
followDiv2.style.visibility='hidden';
</script>
<!--adding code end-->

閱讀全文

與漂浮圖片廣告代碼相關的資料

熱點內容
linux看文件許可權 瀏覽:455
拆分盤數據如何保存 瀏覽:434
如何將表內不重復數據篩選出來 瀏覽:160
vba修改指定文件夾內的文件名 瀏覽:700
javainvoke超時 瀏覽:135
iphone6通知聲音 瀏覽:338
迅雷已完成的文件不顯示 瀏覽:155
oppor7plus升級系統 瀏覽:688
愛奇藝視頻怎麼打開本地文件 瀏覽:660
js瀏覽器擴展開發 瀏覽:436
猿編程可以用哪些設備 瀏覽:57
修改mysql配置文件 瀏覽:318
c游戲程序 瀏覽:456
UC網盤視頻文件怎麼上傳 瀏覽:158
win7鏡像文件有多大 瀏覽:256
華為手機屏幕如何新建文件夾 瀏覽:521
win10控制台搜索文件 瀏覽:612
蘋果手機數據如何備份到卡上 瀏覽:735
狐狸app怎麼打不開了 瀏覽:723
應用程序池已停止未指定的錯誤 瀏覽:300

友情鏈接