登 录
1. 源码
(function($) {<br /> $.fn.extend({<br /> position : function(center) {<br /> var left = 0, top = 0;<br /> if (center) {<br /> left = ($(window).width() - $(this).outerWidth(true)) / 2;<br /> top = ($(window).height() - $(this).outerHeight(true)) / 2;<br /> } else {<br /> if ($(this).css("left") !== 'auto') {<br /> left = parseInt($(this).css("left"));<br /> } else if ($(this).css("right") !== 'auto') {<br /> left = $(window).width() - $(this).outerWidth(true) - parseInt($(this).css("right"));<br /> }<br /> if ($(this).css("top") !== 'auto') {<br /> top = parseInt($(this).css("top"));<br /> } else if ($(this).css("bottom") !== 'auto') {<br /> top = $(window).height() - $(this).outerHeight(true) - parseInt($(this).css("bottom"));<br /> }<br /> }<br /> return $(this).css({ top : top, left : left, bottom : 'auto', right : 'auto' });<br /> },<br /> fixed : function () {<br /> var left = parseInt($(this).css("left")), top = parseInt($(this).css("top"));<br /> return ($.browser.msie && parseFloat($.browser.version) > 6.0)<br /> ? this.css({position : 'fixed'})<br /> : this.each(function(i,o) {<br /> var $this = $(this).css({position : 'absolute', top : top});<br /> setInterval(function() { $this.css({ top : $().scrollTop() + top }); }, 1);<br /> });<br /> }<br /> });<br /> })(jQuery);
2. 测试
<html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <title> jQuery 兼容ie6的固定定位插件，使用简单 </title><br /> </head><br /> <body><br /> <div style="height:2000px;"></div><br /> <div id="popWindow" style="border:3px solid #333;width:200px;height:200px;right:0px;bottom:0px;position:fixed;"><br /> 这是一个弹出窗口<br /> </div><br /> <script type="text/javascript" src="http://mymyty.com/commons/scripts/jquery.js"></script><br /> <script type="text/javascript"><br /> (function($) {<br /> $.fn.extend({<br /> position : function(center) {<br /> var left = 0, top = 0;<br /> if (center) {<br /> left = ($(window).width() - $(this).outerWidth(true)) / 2;<br /> top = ($(window).height() - $(this).outerHeight(true)) / 2;<br /> } else {<br /> if ($(this).css("left") !== 'auto') {<br /> left = parseInt($(this).css("left"));<br /> } else if ($(this).css("right") !== 'auto') {<br /> left = $(window).width() - $(this).outerWidth(true) - parseInt($(this).css("right"));<br /> }<br /> if ($(this).css("top") !== 'auto') {<br /> top = parseInt($(this).css("top"));<br /> } else if ($(this).css("bottom") !== 'auto') {<br /> top = $(window).height() - $(this).outerHeight(true) - parseInt($(this).css("bottom"));<br /> }<br /> }<br /> return $(this).css({ top : top, left : left, bottom : 'auto', right : 'auto' });<br /> },<br /> fixed : function () {<br /> var left = parseInt($(this).css("left")), top = parseInt($(this).css("top"));<br /> return ($.browser.msie && parseFloat($.browser.version) > 6.0)<br /> ? this.css({position : 'fixed'})<br /> : this.each(function(i,o) {<br /> var $this = $(this).css({position : 'absolute', top : top});<br /> setInterval(function() { $this.css({ top : $().scrollTop() + top }); }, 1);<br /> });<br /> }<br /> });<br /> })(jQuery);<br /> $("#popWindow").position(true).fixed();<br /> </script><br /> </body><br /> </html>
抱歉!评论已关闭.