欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

jQuery制作的一个修复IE6不支持固定定位的插件

香港高防(5G)机房 添加于 2011-08-27  

jquery教程

制作一个兼容IE6中的Postion:Fixed固定悬浮效果,因为IE6不兼容Postion:Fixed,就做了一个Jquey插件。

使用方法:$('#test').PositionFixed({x:200,y:200});

jQuery插件代码:

(function($){
jQuery.fn.PositionFixed = function(options){
    var defaults={
        css:'',
        x:0,
        y:0  
    };
    var o = jQuery.extend(defaults, options);
    var isIe6=false; //is ie ? yes:ie no: not ie
    if($.browser.msie && parseInt($.browser.version)==6){
    	isIe6 = true;
    }
    var html= $('html');
    
    if (isIe6 && html.css('backgroundAttachment') !== 'fixed'){
        html.css('backgroundAttachment','fixed')   
    };
    
    return this.each(function(){
        var domThis=$(this)[0];
        var objThis=$(this);
        if(isIe6)
        {
             var left = parseInt(o.x) - html.scrollLeft(),  
                top = parseInt(o.y) - html.scrollTop();
                objThis.css('position' , 'absolute');   
                domThis.style.setExpression('left', 'eval((document.documentElement).scrollLeft + ' + o.x + ') + "px"');
                domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' + o.y + ') + "px"');
        }  
        else{
            objThis.css('position' , 'fixed').css('top',o.y).css('left',o.x);
        }
    });
};
})(jQuery);

本文转载到网络,效果未测试。

本文出自零度科技转载请注明出处:http://www.ldisp.com/a/jquery/2011/1043.shtml

上一篇:jQuery SelectBox Plugin(jQuery下拉框插件)
下一篇:jQuery的表单校验插件validate

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

333

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理