读书人

jQuery插件-兼容IE6的固定悬浮Postion

发布时间: 2012-10-13 11:38:17 作者: rapoo

jQuery插件---兼容IE6的固定悬浮Postion:Fixed

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

使用方法:

(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 ieif($.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)

?

效果图:

自己试一试

读书人网 >操作系统

热点推荐