漂浮广告代码

网上有很多这样的代码了。之前自己也找过许多，但用着不太习惯。

自己写了个漂浮广告的代码，支持根据参数，可以设置左或右显示。

js的代码主要是控制漂浮内容的显示位置。支持fixed属性的将采用css的fixed，对于ie6下不支持fixed的用js动态设置位置。

应用这段代码，需要了解漂浮的原理。所以请注意demo中浮动内容上的样式设置。

 

 1var LB = {
 2    version:"0.1",
 3    isIE6 :$.browser.msie && $.browser.version=="6.0",
 4    pageMode:(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
 5};
 6
 7
 8
 9
var SDA = {};

SDA.Float = function(floatId,xPx,yPx,isLeft) {
    var curFloat = this;
    var floatObj = $("#"+floatId)    

    var locCss={};    

    $(floatObj).find(".close").click(function(){
        $(floatObj).hide();
    });        
    
    this.supportFixed=function(){
            locCss.bottom= yPx+"px";
            $(floatObj).css(locCss);
            $(floatObj).css("position","fixed");
    }
    
    this.supportIE6 = function(){
        var topHeight= LB.pageMode.scrollTop + LB.pageMode.clientHeight - document.getElementById(floatId).offsetHeight- yPx;
        locCss.top = topHeight+"px";            
        $(floatObj).css(locCss);        
        setTimeout(function(){
            curFloat.supportIE6();
        },80);            
    }

    if(isLeft){
        locCss.left = xPx+"px";            
    }else{
        locCss.right= xPx+"px";
    }

    if(LB.isIE6){
        curFloat.supportIE6();
    }else{
        curFloat.supportFixed();
    }

}

$.Float = function(floatId,xPx,yPx,isLeft){
    new SDA.Float(floatId,xPx,yPx,isLeft);    
}

 

代码不复杂，感兴趣的同学可以看下demo就知道用了。

实例：Float.rar