打印

[分享] 网页里跟随滚动条上下移动的小广告代码

本主题由 oyaya 于 2008-5-5 10:55 提升

凹丫丫

管理员

Rank: 108

帖子: 1013
积分: 1616
注册时间: 2007-10-6
最后登录: 2008-9-7

社区功臣社区支柱社区精英著名点评见习点评

楼主大中小发表于 2007-10-6 14:40 只看该作者

网页里跟随滚动条上下移动的小广告代码

复制内容到剪贴板

代码:

右栏浮动广告

<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+percent;}window.setInterval("heartBeat0()",1);</SCRIPT>

复制内容到剪贴板

代码:

左栏固定广告 

<DIV id=searchspe style="Z-INDEX: 100; LEFT: 1px; POSITION: absolute; TOP: 50px">

<TABLE style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff" cellSpacing=0 cellPadding=0 width=360>

<TBODY>

<TR bgColor=#2e6287>

<TD height=20>推荐↓</TD>

<TD style="CURSOR: hand" onclick="searchspe.style.visibility='hidden'" width=30>关 闭</TD></TR></TBODY></TABLE>广告内容</DIV>右栏固定广告 

<DIV id=searchspe style="Z-INDEX: 100; RIGHT: 1px; POSITION: absolute; TOP: 50px">

<TABLE style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #333333 1px solid; COLOR: #ffffff" cellSpacing=0 cellPadding=0 width=360>

<TBODY>

<TR bgColor=#2e6287>

<TD height=20>推荐↓</TD>

<TD style="CURSOR: hand" onclick="searchspe.style.visibility='hidden'" width=30>关 闭</TD></TR></TBODY></TABLE>广告内容</DIV>漂浮广告代码 

<DIV id=img style="WIDTH: 200px; POSITION: absolute; HEIGHT: 151px">广告内容</DIV>

<SCRIPT language=JavaScript> 

var xPos = 20; 

var yPos = 10; 

img.style.left= xPos; 

img.style.top = yPos; 

var step = 1; 

var delay = 30; 

var width,height,Hoffset,Woffset; 

var y = 1; 

var x = 1; 

var interval; 

img.visibility = "visible"; 



function changePos() 

{ 

width = document.body.clientWidth; 

height = document.body.clientHeight; 

Hoffset = img.offsetHeight; 

Woffset = img.offsetWidth; 

if (y) 

{ 

yPos = yPos + step; 

} 

else 

{ 

yPos = yPos - step; 

} 

if (yPos < 0) 

{ 

y = 1; 

yPos = 0; 

} 

if (yPos >= (height - Hoffset)) 

{ 

y = 0; 

yPos = (height - Hoffset); 

} 

if (x) 

{ 

xPos = xPos + step; 

} 

else 

{ 

xPos = xPos - step; 

} 

if (xPos < 0) 

{ 

x = 1; 

xPos = 0; 

} 

if (xPos >= (width - Woffset)) 

{ 

x = 0; 

xPos = (width - Woffset); 

} 

img.style.left = xPos + document.body.scrollLeft; 

img.style.top = yPos + document.body.scrollTop; 

} 



function start() 

{ 

interval = setInterval('changePos()', delay); 

} 



function pause_resume() 

{ 

clearInterval(interval); 

} 

start(); 

</SCRIPT>

复制内容到剪贴板

代码:

固定对联 

<DIV id=searchspe style="Z-INDEX: 100; RIGHT: 5px; POSITION: absolute; TOP: 50px">

<TABLE style="FONT-SIZE: 12px; COLOR: #ffffff" cellSpacing=0 cellPadding=0 width=150>

<TBODY>

<TR bgColor=#c54a00>

<TD height=20>推荐↓</TD>

<TD style="CURSOR: hand" onclick="searchspe.style.visibility='hidden'" width=30>关 闭</TD></TR></TBODY></TABLE>广告内容</DIV>

<DIV id=searchspe2 style="Z-INDEX: 100; LEFT: 5px; POSITION: absolute; TOP: 50px">

<TABLE style="FONT-SIZE: 12px; COLOR: #ffffff" cellSpacing=0 cellPadding=0 width=150>

<TBODY>

<TR bgColor=#12bdff>

<TD height=20>推荐↓</TD>

<TD style="CURSOR: hand" onclick="searchspe2.style.visibility='hidden'" width=30>关 闭</TD></TR></TBODY></TABLE>广告内容</DIV>随动对联

<SCRIPT language=javascript>function close163news(){searchspe.style.visibility='hidden';searchspe2.style.visibility='hidden';} var specialcode="<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 30px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#C54A00><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick='close163news()' width=30>关 闭</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;lastScrollX=lastScrollX+percent;}window.setInterval("heartBeat0()",1);var specialcode2="<DIV id=searchspe2 style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 30px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#12BDFF><TD height=20> 推荐↓</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;lastScrollY=lastScrollY+percent;}window.setInterval("heartBeat1()",1);</SCRIPT>

qq好友上线广告代码 <!-- 代码开始 请将下面的代码放到body结束标签之前-->

<DIV id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 64px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 168px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 374px; HEIGHT: 115px; BACKGROUND-COLOR: #c9d3f3">

<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #0f2c8c" width=30 height=24></TD>

<TD style="PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #1f336b; PADDING-TOP: 4px" vAlign=center width="100%"><SPAN class=style13>本站提示</SPAN></TD>

<TD vAlign=center align=right width=19 padding-right: 2px; padding-top: 2px?><SPAN title=关闭 style="FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px" onclick=closeDiv()>×</SPAN></TD></TR>

<TR>

<TD style="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px" colSpan=3 height=90>

<DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">

<DIV align=left><SPAN style="TEXT-DECORATION: none"><FONT color=#ff0000>仿造qq好友上线<BR>

<CENTER></CENTER></FONT></SPAN></DIV></DIV></TD></TR></TBODY></TABLE>

<SCRIPT language=JavaScript> 

window.onload = getMsg; 

window.onresize = resizeDiv; 

window.onerror = function(){} 

var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0; 

function getMsg() 

{ 

try{ 

divTop = parseInt(document.getElementById("eMeng").style.top,10) 

divLeft = parseInt(document.getElementById("eMeng").style.left,10) 

divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) 

divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) 

docWidth = document.body.clientWidth; 

docHeight = document.body.clientHeight; 

document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight 

document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth 

document.getElementById("eMeng").style.visibility="visible" 

objTimer = window.setInterval("moveDiv()",10) 

} 

catch(e){} 

} 



function resizeDiv() 

{ 

try{ 

divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) 

divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) 

docWidth = document.body.clientWidth; 

docHeight = document.body.clientHeight; 

document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10) 

document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10) 

} 

catch(e){} 

} 



function moveDiv() 

{ 

try 

{ 

if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10))) 

{ 

window.clearInterval(objTimer) 

objTimer = window.setInterval("resizeDiv()",1) 

} 

divTop = parseInt(document.getElementById("eMeng").style.top,10) 

document.getElementById("eMeng").style.top = divTop - 1 

} 

catch(e){} 

} 

function closeDiv() 

{ 

document.getElementById('eMeng').style.visibility='hidden'; 

if(objTimer) window.clearInterval(objTimer) 

} 

</SCRIPT>

<!-- 代码复制结束 --></DIV>