资源描述
浮动对联广告代码(asp) (2008-12-17 20:27:25)
<SCRIPT language=JavaScript>
lastScrollY=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.lovexin12.style.pixelTop+=percent;
document.all.lovexin14.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
suspendcode12="<DIV id=lovexin12 style='left:10px;POSITION:absolute;TOP:220px;'><A HREF=' target=_blank Title='写入鼠标停留图片显示文字'><img src='写入你的图片地址' border=0 width='100' height='250'></A></div>"
document.write(suspendcode12);
suspendcode14="<DIV id=lovexin14 style='right:10px;POSITION:absolute;TOP:220px;'><A HREF=' target=_blank Title='写入鼠标停留图片显示文字'><img src='写入你的图片地址' border=0 width='100' height='250'></A></div>"
document.write(suspendcode14);
window.setInterval("heartBeat()",1);
</SCRIPT>
使用方法:
方法一.直接把以上代码插入到网页<body></body>合适位置,修改以上汉字提示信息(效果如本页面实例展示,本页面显示的图片大小是100*250象素).
方法二.1、用记事本保存以上源代码,建立后缀名为.js的文件,比如ad.js
2.在需要显示浮动广告的网页中加入 <script language=javascript src="/ad.js"></script > 表示调用该ad.js文件。
注意事项:
1.新建立的显示浮动广告的网页,需要删除代码第一行的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd">标签,如果不删除,只会显示广告图片,但该图片不会随着滚动条上下滚动。你可以先不删除,测试效果;然后删除,再看效果,应该有所不同。
2.如果需要单侧显示广告,比如只显示左侧,那么删除右侧显示代码就可以,即删除suspendcode14="<DIV id=lovexin14 style='right:10px;POSITION:absolute;TOP:220px;'><A HREF='写入你的点击该图片链接到地址' target=_blank Title='写入鼠标停留图片显示文字'><img src='写入你的图片地址' border=0 width='100' height='250'></A></div>"
document.write(suspendcode14);这段代码,或者删除<A HREF='写入你的点击该图片链接到地址' target=_blank Title='写入鼠标停留图片显示文字'><img src='写入你的图片地址' border=0 width='100' height='250'></A>这几行。
另一法
<SCRIPT language=JavaScript>
lastScrollY=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.lovexin12.style.pixelTop+=percent;
document.all.lovexin14.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
suspendcode12="<DIV id=lovexin12 style='left:10px;POSITION:absolute;TOP:220px;'><A HREF=' target=_blank Title='写入鼠标停留图片显示文字'><img src='../images/yuandan1.GIF' border=0 width='100' height='250'></A></div>"
document.write(suspendcode12);
suspendcode14="<DIV id=lovexin14 style='right:10px;POSITION:absolute;TOP:220px;'><A HREF=' target=_blank Title='写入鼠标停留图片显示文字'><img src='../images/yuandan2.GIF' border=0 width='100' height='250'></A></div>"
document.write(suspendcode14);
window.setInterval("heartBeat()",1);
</SCRIPT>
以下可用!
网页漂浮广告代码
<body bgcolor="#F7F7F7">
<!--图片漂浮广告代码开始-->
<div id="www_qpsh_com" style="position:absolute">
<!--链接地址--><a href="" target="_blank">
<!--图片地址--><img src=" 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("www_qpsh_com")
function floatwww_qpsh_com() {
var L=T=0
//by
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("floatwww_qpsh_com()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatwww_qpsh_com()", delay)}
</script>
<!--图片漂浮广告代码结束-->
展开阅读全文