浮动广告代码

<div id="ad" style="position:absolute"><a href="http://www.gzsdyy.com" target="_blank"><img src="fwd.gif" width="200" height="87" border="0"></a></div>
<script>
var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标
var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快
var obj=document.getElementById("ad") //捕获id为ad的层作为漂浮目标
function floatAD() {
var L=T=0 //层移动范围的左边界(L)和上边界(T)坐标
var R= document.body.clientWidth-obj.offsetWidth //层移动的右边界
var B = document.body.clientHeight-obj.offsetHeight //层移动的下边界
obj.style.left = x + document.body.scrollLeft //更新层的X坐标,实现X轴方向上的运动;document.body.scrollLeft为文档区域的滚动条向右拉的距离,以保证在滚动条右拉时层仍在可见范围内
obj.style.top = y + document.body.scrollTop //更新层的Y坐标,实现Y轴方向上的运动;document.body.scrollTop为文档区域的滚动条向下拉的距离,以保证在滚动条下拉时层仍在可见范围内
x = x + step*(xin?1:-1) //通过判断层的范围决定层在X轴上的运动方向
if (x < L) { xin = true; x = L} //层超出左边界时的处理
if (x > R){ xin = false; x = R} //层超出右边界时的处理
y = y + step*(yin?1:-1) //通过判断层的范围决定层在Y轴上的运动方向
if (y < T) { yin = true; y = T } //层超出上边界时的处理
if (y > B) { yin = false; y = B } //层超出下边界时的处理
}
var itl= setInterval("floatAD()", delay) //每delay秒执行一次floatAD函数
obj.οnmοuseοver=function(){clearInterval(itl)} //层在鼠标移上时清除上面的间隔事件,实现层在的鼠标移上时停止运动的效果
obj.οnmοuseοut=function(){itl=setInterval("floatAD()", delay)} //层在鼠标移开时开始间隔事件,实现层在的鼠标移开时继续运动的效果
</script>

浮动广告条、鼠标移到广告条后换另一大宣传图!

<script language='javascript'>
document.write('<div id="mylayer" style="position:absolute; left:260px; top:80px; z-index:1">');
document.write("<a href='http://www.qyeee.com' target='_blank' onMouseOut='document.all.chan.src=/"http://images.jojoo.net/gif/host.gif/";document.all.chan.width=100;document.all.chan.height=100;' onMouseOver='document.all.chan.src=/"http://images.jojoo.net/gif/ad2.gif/";document.all.chan.width=236;document.all.chan.height=211;'><img border=0 name=chan src='http://images.jojoo.net/gif/host.gif'width=100 height=100></a> ");
document.write('</div>');

self.onError=null;    currentX = currentY = 0;  
        whichIt = null;           
        lastScrollX = 0; lastScrollY = 0;
        NS = (document.layers) ? 1 : 0;
        IE = (document.all) ? 1: 0;
        <!-- STALKER CODE -->
        function heartBeat() {
            if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
            if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
            if(diffY != lastScrollY) {
                        percent = .1 * (diffY - lastScrollY);
                        if(percent > 0) percent = Math.ceil(percent);
                        else percent = Math.floor(percent);
                        if(IE) document.all.mylayer.style.pixelTop += percent;
                        if(NS) document.mylayer.top += percent; 
                        lastScrollY = lastScrollY + percent;
            }
            if(diffX != lastScrollX) {
                percent = .1 * (diffX - lastScrollX);
                if(percent > 0) percent = Math.ceil(percent);
                else percent = Math.floor(percent);
                if(IE) document.all.mylayer.style.pixelLeft += percent;
                if(NS) document.mylayer.left += percent;
                lastScrollX = lastScrollX + percent;
            }    
        }
        <!-- /STALKER CODE -->
        <!-- DRAG DROP CODE -->
        function checkFocus(x,y) { 
                stalkerx = document.mylayer.pageX;
                stalkery = document.mylayer.pageY;
                stalkerwidth = document.mylayer.clip.width;
                stalkerheight = document.mylayer.clip.height;
                if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
                else return false;
        }
        function grabIt(e) {
            if(IE) {
                whichIt = event.srcElement;
                while (whichIt.id.indexOf("mylayer") == -1) {
                    whichIt = whichIt.parentElement;
                    if (whichIt == null) { return true; }
                }
                whichIt.style.pixelLeft = whichIt.offsetLeft;
                whichIt.style.pixelTop = whichIt.offsetTop;
                currentX = (event.clientX + document.body.scrollLeft);
                   currentY = (event.clientY + document.body.scrollTop);     
            } else { 
                window.captureEvents(Event.MOUSEMOVE);
                if(checkFocus (e.pageX,e.pageY)) { 
                        whichIt = document.mylayer;
                        StalkerTouchedX = e.pageX-document.mylayer.pageX;
                        StalkerTouchedY = e.pageY-document.mylayer.pageY;
                } 
            }
            return true;
        }
        function moveIt(e) {
            if (whichIt == null) { return false; }
            if(IE) {
                newX = (event.clientX + document.body.scrollLeft);
                newY = (event.clientY + document.body.scrollTop);
                distanceX = (newX - currentX);    distanceY = (newY - currentY);
                currentX = newX;    currentY = newY;
                whichIt.style.pixelLeft += distanceX;
                whichIt.style.pixelTop += distanceY;
                if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
                if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
                if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
                if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
                event.returnValue = false;
            } else { 
                whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
                if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
                if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
                if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
                if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
                return false;
            }
            return false;
        }
        function dropIt() {
            whichIt = null;
            if(NS) window.releaseEvents (Event.MOUSEMOVE);
            return true;
        }
        <!-- DRAG DROP CODE -->
        if(NS) {
            window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
            window.onmousedown = grabIt;
             window.onmousemove = moveIt;
            window.onmouseup = dropIt;
        }
        if(IE) {
            document.onmousedown = grabIt;
             document.onmousemove = moveIt;
            document.onmouseup = dropIt;
        }
        if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值