首页 交流 随言 工具 友链 名片 搜一下
点赞 收藏 讨论 分享 举报

多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准

Javascript 2380 0 2012-12-25
多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准</title>   
<script type="text/javascript" language="javascript">   
<!--   
//公共脚本文件 main.js   
function addEvent(obj,evtType,func,cap){   
    cap=cap||false;   
    if(obj.addEventListener){   
        obj.addEventListener(evtType,func,cap);   
        return true;   
    }else if(obj.attachEvent){   
        if(cap){   
            obj.setCapture();   
            return true;   
        }else{   
            return obj.attachEvent("on" + evtType,func);   
        }   
    }else{   
        return false;   
    }   
}   
function getPageScroll(){   
    var xScroll,yScroll;   
    if (self.pageXOffset) {   
        xScroll = self.pageXOffset;   
    } else if (document.documentElement && document.documentElement.scrollLeft){   
        xScroll = document.documentElement.scrollLeft;   
    } else if (document.body) {   
        xScroll = document.body.scrollLeft;   
    }   
    if (self.pageYOffset) {   
        yScroll = self.pageYOffset;   
    } else if (document.documentElement && document.documentElement.scrollTop){   
        yScroll = document.documentElement.scrollTop;   
    } else if (document.body) {   
        yScroll = document.body.scrollTop;   
    }   
    arrayPageScroll = new Array(xScroll,yScroll);   
    return arrayPageScroll;   
}   
function GetPageSize(){   
    var xScroll, yScroll;   
    if (window.innerHeight && window.scrollMaxY) {       
        xScroll = document.body.scrollWidth;   
        yScroll = window.innerHeight + window.scrollMaxY;   
    } else if (document.body.scrollHeight > document.body.offsetHeight){   
        xScroll = document.body.scrollWidth;   
        yScroll = document.body.scrollHeight;   
    } else {   
        xScroll = document.body.offsetWidth;   
        yScroll = document.body.offsetHeight;   
    }   
    var windowWidth, windowHeight;   
    if (self.innerHeight) {   
        windowWidth = self.innerWidth;   
        windowHeight = self.innerHeight;   
    } else if (document.documentElement && document.documentElement.clientHeight) {   
        windowWidth = document.documentElement.clientWidth;   
        windowHeight = document.documentElement.clientHeight;   
    } else if (document.body) {   
        windowWidth = document.body.clientWidth;   
        windowHeight = document.body.clientHeight;   
    }       
    if(yScroll < windowHeight){   
        pageHeight = windowHeight;   
    } else {    
        pageHeight = yScroll;   
    }   
    if(xScroll < windowWidth){       
        pageWidth = windowWidth;   
    } else {   
        pageWidth = xScroll;   
    }   
    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)    
    return arrayPageSize;   
}   
//广告脚本文件 AdMove.js   
/*  
例子  
点赞
收藏
讨论
分享
举报

上一篇：js中replace()的用法

下一篇：jquery 刷新页面方法和一些javascript基础函数

讨论数量：2

天涯网魂 3 杠 5 星2012-12-25 10:51:13

漂浮广告代码，兼容火狐

 

将以下见容放至BODY之前即可：

<div id="oImg" style="position: absolute; z-index: 100; top:0; left:0; width:160px;background: #F00; color:#FFF; padding:5px; line-height:20px; font-size:12px">
兴际网络－海南权威网络公司<br />服务热线：0898-66593048<br />网址：<a href="http://www.xingz.net" target="_blank"><font color="#FFFFFF">http://www.xingz.net</font></a></div>
<script language="javascript" type="text/javascript">
<!--
 document.write('');
    var floatImg = document.getElementById("oImg"); 
    var delay = 10; //控制每次执行间隔的时间，做越大移动得越慢；
    var speed = 1; //控制每次执行移动的距离，值越大移动得越快；
    var flagX = 0;
    var flagY = 0;
    
    function toPixel(str1) {
    //该函数用于去掉数值后面的px，并将之转化为数字。
        var oldLen = str1.length;
        var newLen = oldLen - 2;
        
        str2 = str1.slice(0, newLen);
        str3 = parseInt(str2);
        
        return str3;
    }
    
    function flowImg() {
        var bWidth = document.body.clientWidth;
        var bHeight = document.body.clientHeight;
        var bLeft = document.body.scrollLeft;
        var bTop = document.body.scrollTop;
        
        var iWidth = floatImg.offsetWidth;
        var iHeight = floatImg.offsetHeight;
        var iLeft = toPixel(floatImg.style.left);
        var iTop = toPixel(floatImg.style.top);
        
        //下面一段控制横向移动
        if(iLeft < (bWidth - iWidth) && flagX == 0) {
            floatImg.style.left = (iLeft + speed) + "px";
        }
        else if(iLeft >= (bWidth - iWidth) && flagX ==0) {
            flagX = 1;
        }
        else if(iLeft > 0 && flagX == 1) {
            floatImg.style.left = (iLeft - speed) + "px";
        }
        else if(0 >= iLeft && flagX == 1) {
            flagX = 0;
        }
        
        //下面一段控制纵向移动
        if(iTop < (bHeight - iHeight) && flagY == 0) {
            floatImg.style.top = (iTop + speed) + "px";
        }
        else if(iTop >= (bHeight - iHeight) && flagY ==0) {
            flagY = 1;
        }
        else if(iTop > 0 && flagY == 1) {
            floatImg.style.top = (iTop - speed) + "px";
        }
        else if(0 >= iTop && flagY == 1) {
            flagY = 0;
        }
    }
    
    var imgInterval = setInterval("flowImg()", delay);
    floatImg.onmouseover = function() {clearInterval(imgInterval);}
    floatImg.onmouseout = function() {imgInterval = setInterval("flowImg()", delay);}
-->
</script>
<div style="height:1500px; background:#EEE; width:100px"></div>

天涯网魂 3 杠 5 星2012-12-25 10:50:11

//广告脚本文件 AdMove.js   
/*  
例子  
<div id="Div2">  
    ***** content ******  
</div>  
var ad=new AdMove("Div2");  
ad.Run();  
*/  
////////////////////////////////////////////////////////   
var AdMoveConfig=new Object();   
AdMoveConfig.IsInitialized=false;   
AdMoveConfig.ScrollX=0;   
AdMoveConfig.ScrollY=0;   
AdMoveConfig.MoveWidth=0;   
AdMoveConfig.MoveHeight=0;   
AdMoveConfig.Resize=function(){   
    var winsize=GetPageSize();   
    AdMoveConfig.MoveWidth=winsize[2];   
    AdMoveConfig.MoveHeight=winsize[3];   
    AdMoveConfig.Scroll();   
}   
AdMoveConfig.Scroll=function(){   
    var winscroll=getPageScroll();   
    AdMoveConfig.ScrollX=winscroll[0];   
    AdMoveConfig.ScrollY=winscroll[1];   
}   
addEvent(window,"resize",AdMoveConfig.Resize);   
addEvent(window,"scroll",AdMoveConfig.Scroll);   
function AdMove(id){   
    if(!AdMoveConfig.IsInitialized){   
        AdMoveConfig.Resize();   
        AdMoveConfig.IsInitialized=true;   
    }   
    var obj=document.getElementById(id);   
    obj.style.position="absolute";   
    var W=AdMoveConfig.MoveWidth-obj.offsetWidth;   
    var H=AdMoveConfig.MoveHeight-obj.offsetHeight;   
    var x = W*Math.random(),y = H*Math.random();   
    var rad=(Math.random()+1)*Math.PI/6;   
    var kx=Math.sin(rad),ky=Math.cos(rad);   
    var dirx = (Math.random()<0.5?1:-1), diry = (Math.random()<0.5?1:-1);   
    var step = 1;   
    var interval;   
    this.SetLocation=function(vx,vy){x=vx;y=vy;}   
    this.SetDirection=function(vx,vy){dirx=vx;diry=vy;}   
    obj.CustomMethod=function(){   
        obj.style.left = (x + AdMoveConfig.ScrollX) + "px";   
        obj.style.top = (y + AdMoveConfig.ScrollY) + "px";   
        rad=(Math.random()+1)*Math.PI/6;   
        W=AdMoveConfig.MoveWidth-obj.offsetWidth;   
        H=AdMoveConfig.MoveHeight-obj.offsetHeight;   
        x = x + step*kx*dirx;   
        if (x < 0){dirx = 1;x = 0;kx=Math.sin(rad);ky=Math.cos(rad);}    
        if (x > W){dirx = -1;x = W;kx=Math.sin(rad);ky=Math.cos(rad);}   
        y = y + step*ky*diry;   
        if (y < 0){diry = 1;y = 0;kx=Math.sin(rad);ky=Math.cos(rad);}    
        if (y > H){diry = -1;y = H;kx=Math.sin(rad);ky=Math.cos(rad);}   
    }   
    this.Run=function(){   
        var delay = 25;//移动速度   
        interval=setInterval(obj.CustomMethod,delay);   
        obj.onmouseover=function(){clearInterval(interval);}   
        obj.onmouseout=function(){interval=setInterval(obj.CustomMethod, delay);}   
    }   
}   
//-->   
</script>   
</head>   
  
<body>   
本实例由JAES整理，引用请注明来源。</a>
<div style="height:1000px; width:10px; background:#0CF"></div>
<span id="ad1"><a href="http://www.hilo8.com/"><img src="http://www.baidu.com/img/baidu_logo.gif" alt="Baidu Logo" width="270" height="129" border="0" /></a></span>   
<span id="ad2"><a href="http://www.hilo8.com/"><img src="http://www.google.com/intl/zh-CN/logos/Logo_60wht.gif" alt="Google Logo" width="176" height="77" border="0" /></a></span>   
<script type="text/javascript">   
<!--   
var ad1=new AdMove("ad1");  ad1.Run();   
var ad2=new AdMove("ad2");  ad2.Run();   
ad2.SetLocation(50,100)   
ad2.SetDirection(1,1)   
//-->   
</script>   

请先登录再发表讨论。 2024-05-02

登录 注册
天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链
最新点赞
 

版权所有 哈喽吧  2024 © hilo8.com

本站建议使用最新版本浏览器访问，比如：Chrome、Edge、Firefox、Safari等。   工信部备案号：琼ICP备08001287号-1

特别说明：1.本站所有文章均来自网友发布，如有侵犯到版权请及时联系本站进行核对处理；2.本站所有文章均可免费发布和转载，但必须标明来源“哈喽吧”。