⑴ 悬浮广告代码,带链接的
这是左侧漂浮的广告代码
<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-->