两边浮动图片广告代码，带关闭按钮

来源：互联网发布：js slice() 编辑：程序博客网时间：2024/04/28 06:41

-------------------------------------------------------------------

<html>
<head>
<title>test
</title>
<body style="text-aligin:center">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div style="aligin:center">
<style type="text/css">

</style>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF"></td>
</tr>
</table>
<Script Language="javascript">
function hidden(_obj){
_obj.parentNode.style.display="none";
}

//左边
var left_img='<div><img src="01.jpg"><div class="ph_close" onclick="hidden(this)"></div></div>';
//右边
var right_img='<div><img src="02.jpg"><div class="ph_close" onclick="hidden(this)"></div></div>';
var delta=0.05
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 1000; POSITION: absolute; width:80px; height:4=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()
{
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-85',10,''+right_img+'');
theFloaters.addItem('followDiv2',5,10,''+left_img+'');
theFloaters.play();
</script>
</div>
</body>
</html>

------------------------------------------------------------------

2.<html>
<head>
<title>test
</title>
<body>

<SCRIPT language=javascript>
dlleftstr="<DIV id=dlleft style='left:0px;POSITION:absolute;TOP:50px;'z-index: 1111;><div align='right' style='position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;'><a href='javascript:;' onclick='hidead()' style='color:#000000;text-decoration:none;font-size:12px;'>关闭</a></div><div style='padding-top:18px'><img border=0 src='02.gif'></div></div>"
dlrightstr="<DIV id=dlright style='right:0px;POSITION:absolute;TOP:50px;'z-index: 1111;><div align='right' style='position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;'><a href='javascript:;' onclick='hidead()' style='color:#000000;text-decoration:none;font-size:12px;'>关闭</a></div><div style='padding-top:18px'><img border=0 src='01.gif'></div></div>"
document.write(dlleftstr);
document.write(dlrightstr);

lastScrollY=0;
lastScrollY2=0;

function heartBeat(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.dlleft.style.pixelTop+=percent;
lastScrollYlastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat()",1);

function heartBeat2(){
diffY2=document.body.scrollTop;
percent2=.1*(diffY2-lastScrollY2);
if(percent2>0)percent2=Math.ceil(percent2);
else percent2=Math.floor(percent2);
document.all.dlright.style.pixelTop+=percent2;
lastScrollY2lastScrollY2=lastScrollY2+percent2;
}
window.setInterval("heartBeat2()",1);


function hidead()
{
showad = false;
document.getElementById("dlleft").style.display="none";
document.getElementById("dlright").style.display="none";
}
</SCRIPT>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>

---------------------------------------------------------------------

3.<html>
<head>
<title>test
</title>
<body style="text-aligin:center">
<script LANGUAGE='JavaScript'>
var ad_float_left_src="http://www.qpsh.com/images/logo.jpg";
var ad_float_left_url = "";
var ad_float_left_type = "";

document.ns = navigator.appName == "Microsoft Internet Explorer"

var imgheight_close
var imgleft
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=15:imgleft=122
function myload()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;
myleft.style.left=imgleft;
leftmove();
}
function leftmove()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;
myleft.style.left=imgleft;
setTimeout("leftmove();",50)
}

function close_float_left(){
myleft.style.visibility='hidden';
}

if(document.ns){
document.write("<div id=myleft style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'><style>A.closefloat:link,A.refloat:visited {text-decoration:none;color:#000000;font-size:12px}A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}</style><table border=0 cellpadding=0 cellspacing=0><tr><td>");

if(ad_float_left_type!="swf")
document.write("<a href='" + ad_float_left_url + "' target = '_blank'><img src='" + ad_float_left_src + "' WIDTH=100 HEIGHT=100 border = 0></a>");
else
document.write("<EMBED src='" + ad_float_left_src + "' FlashVars='" + ad_float_left_url + "' quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-flash' id=changhongout ></EMBED>");
document.write("</td></tr><tr><td width=80 height=20 align=right><a href='javascript:close_float_left();void(0);' class=closefloat><font color=#0000ff size=2>关闭广告<font></a></td></tr></table></div>");
myload()
}
</script>

</body>
</html>

----------------------------------------------------------

4.：（X在图片的右下角）

将下面的代码保存为.JS，然后在网页中使用<script src='http://JS地址'></script>调用

XML/HTML代码

function close163news()
{
searchspe.style.visibility='hidden';
searchspe2.style.visibility='hidden';
}
//下面这行不可打回车断行随意排版(注意保持双引号中字符串的连续性)
var specialcode="<DIV id=searchspe style='Z-INDEX: 100; right: 8px; POSITION: absolute; TOP: 440px;'><a href='http://目标地址' target='_blank'><img src='图片地址' width='100' height='100' border='0' alt=''></a><TABLE cellSpacing=0 cellPadding=0 width=100 style='font-size:12px;color:#000000'><TR><TD height=25></TD><TD style='CURSOR: hand' onclick='close163news()' width=100 align=left>关闭</TD></TR></TABLE></DIV>";
document.write(specialcode);
lastScrollX=0;
function heartBeat0()
{
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollX);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.searchspe.style.pixelTop+=percent;
lastScrollXlastScrollX=lastScrollX+percent;
}
window.setInterval("heartBeat0()",1);
//下面这行不可打回车断行随意排版(注意保持双引号中字符串的连续性)
var specialcode2="<DIV id=searchspe2 style='Z-INDEX: 100; left: 8px; POSITION: absolute; TOP: 440px;'><a href='http://目标地址' target='_blank'><img src='图片地址' width='100' height='100' border='0' alt=''></a><TABLE cellSpacing=0 cellPadding=0 width=100 style='font-size:12px;color:#000000'><TR><TD height=25> </TD><TD style='CURSOR: hand' onclick='close163news()' width=30>关闭</TD></TR></TABLE></DIV>";
document.write(specialcode2);
lastScrollY=0;
function heartBeat1()
{
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.searchspe2.style.pixelTop+=percent;
lastScrollYlastScrollY=lastScrollY+percent;
}
window.setInterval("heartBeat1()",1);
------------------------------------------------------
5.
1. <style type="text/css">
  
  </style>
2. <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
  <td bgcolor="#FFFFFF"></td>
  </tr>
  </table>
3. <Script Language="javascript">
4. function hidden(_obj){
  _obj.parentNode.style.display="none";
  }
  
  //左边
  var left_img='<div><img src="http://sports.cnhubei.com/images/tyhb2008y007.jpg"><div class="ph_close" onclick="hidden(this)"></div></div>';
5. //右边
  var right_img='<div><img src="http://sports.cnhubei.com/images/tyhb2008y007.jpg"><div class="ph_close" onclick="hidden(this)"></div></div>';
  var delta=0.05
  var collection;
  function floaters() {
  this.items = [];
  this.addItem = function(id,x,y,content)
  {
  document.write('<DIV id='+id+' style="Z-INDEX: 1000; POSITION: absolute; width:80px; height:4=60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
6. var newItem = {};
  newItem.object = document.getElementById(id);
  newItem.x = x;
  newItem.y = y;
7. this.items[this.items.length] = newItem;
  }
  this.play = function()
  {
  collection = this.items
  setInterval('play()',10);
  }
  }
  function play()
  {
8. 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);
9. 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;
  }
10. 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 = '';
  }
  }
11. var theFloaters = new floaters();
  theFloaters.addItem('followDiv1','document.body.clientWidth-140',10,''+right_img+'');
12. theFloaters.addItem('followDiv2',5,10,''+left_img+'');
  theFloaters.play();
  </script>
13. ------------------------------------------------
14. <SCRIPT language=javascript>
  dlleftstr="<DIV id=dlleft style='left:0px;POSITION:absolute;TOP:50px;'z-index: 1111;><div align='right' style='position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;'><a href='javascript:;' onclick='hidead()' style='color:#000000;text-decoration:none;font-size:12px;'>关闭</a></div><div style='padding-top:18px'><img border=0 src='images/tellnew.gif'></div></div>"
  dlrightstr="<DIV id=dlright style='right:0px;POSITION:absolute;TOP:50px;'z-index: 1111;><div align='right' style='position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;'><a href='javascript:;' onclick='hidead()' style='color:#000000;text-decoration:none;font-size:12px;'>关闭</a></div><div style='padding-top:18px'><img border=0 src='images/tellnew.gif'></div></div>"
  document.write(dlleftstr);
  document.write(dlrightstr);
  
  lastScrollY=0;
  lastScrollY2=0;
  
  function heartBeat(){
  diffY=document.body.scrollTop;
  percent=.1*(diffY-lastScrollY);
  if(percent>0)percent=Math.ceil(percent);
  else percent=Math.floor(percent);
  document.all.dlleft.style.pixelTop+=percent;
  lastScrollYlastScrollY=lastScrollY+percent;
  }
  window.setInterval("heartBeat()",1);
  
  function heartBeat2(){
  diffY2=document.body.scrollTop;
  percent2=.1*(diffY2-lastScrollY2);
  if(percent2>0)percent2=Math.ceil(percent2);
  else percent2=Math.floor(percent2);
  document.all.dlright.style.pixelTop+=percent2;
  lastScrollY2lastScrollY2=lastScrollY2+percent2;
  }
  window.setInterval("heartBeat2()",1);
  
  
  function hidead()
  {
  showad = false;
  document.getElementById("dlleft").style.display="none";
  document.getElementById("dlright").style.display="none";
  }
  </SCRIPT>
  ------------------------------------------