一个JAVASCRIPT漂浮广告代码类及使用方法，漂浮广告是网站上比较常见的一种广告方式，它是会随机漂浮移动位置的，如果你是站长，你可能会需要此代码在网页上放置广告，实现漂浮广告需要三个步骤，下面来看第一个步骤，漂浮广告的核心JS代码，如下：

//漂浮广告JS类 请保存此代码为float.js文件，以便调用
var move_ad=Class.create();
move_ad.prototype={
    initialize:function(imgOption,initPosition,delay){
        this.imgOptions=Object.extend({url:"",link:"",alt:"",width:120,height:120},imgOption||{});
        this.adPosition=Object.extend({left:40,top:120},initPosition||{});
        this.delay =delay;
        this.step = 1;
        this.herizonFlag=true;
        this.verticleFlag=true;
        this.id="ad_move_sg";
        var vHtmlString="<div id='"+this.id+"' style='position:absolute; left:"+this.adPosition.left+"px; top:"+this.adPosition.top+"px; width:"+this.imgOptions.width+"px;";
        vHtmlString+=" height:"+this.imgOptions.height+"px; z-index:10;'><a href='"+this.imgOptions.link+"' target='_blank' title='"+this.imgOptions.alt+"'><img src='"+this.imgOptions.url+"' width='"+this.imgOptions.width+"' height='"+this.imgOptions.height+"' style='border:none;' alt='"+this.imgOptions.alt+"' /></a></div>";
        document.write(vHtmlString);
        this.id=$(this.id);
        this.intervalId=setInterval(this.scroll.bind(this),this.delay);
        this.id.onmouseover=this.stop.bind(this);
        this.id.onmouseout=this.start.bind(this);
    },
    scroll:function(){
        var L=T=0;
        var B=document.documentElement.clientHeight-this.id.offsetHeight;
        var R=document.documentElement.clientWidth-this.id.offsetWidth;
        this.id.style.left=this.adPosition.left+document.documentElement.scrollLeft+"px";
        this.id.style.top=this.adPosition.top+document.documentElement.scrollTop+"px";
        this.adPosition.left =this.adPosition.left + this.step*(this.herizonFlag?1:-1); 
        if (this.adPosition.left < L) { this.herizonFlag = true; this.adPosition.left = L;} 
        if (this.adPosition.left > R){ this.herizonFlag = false; this.adPosition.left = R;} 
        this.adPosition.top =this.adPosition.top + this.step*(this.verticleFlag?1:-1); 
        if(this.adPosition.top <= T){ this.verticleFlag=true; this.adPosition.top=T;}
        if(this.adPosition.top >= B){ this.verticleFlag=false; this.adPosition.top=B; }
    },
    stop:function(){
        clearInterval(this.intervalId);    
    },
    start:function(){
        this.intervalId=setInterval(this.scroll.bind(this),this.delay);    
    }
}

第二步，在你需要显示广告的网页上引入上述代码所保存的js文件，这里是float.js文件：

<script src="float.js" language="javascript" type="text/javascript"></script>

第三步，调用以下代码显示漂浮广告：

<script type="text/javascript">
new move_ad({url:"/img/floatad.gif",link:"http://www.abc.com",alt:"漂浮广告测试",width:200,height:200},{left:40,top:160},20);
</script>

参数说明：在上述的调用代码中，第一个参数中的url代表漂浮广告的图片URL地址(必选项),link是点击图片后链接到的网页地址,alt是图片的提示文字,width是图片宽度(可选项,默认120),heihgt是图片高度(可选项,默认120)
第二个参数中的left和top是指漂浮广告的初始位置，第三个参数的数字代表漂浮广告的移动速度，0为静止，越小速度越快，越大则漂浮速度越慢。