网络编程
位置:首页>> 网络编程>> JavaScript>> jQuery 取得 background-position 的值

jQuery 取得 background-position 的值

作者:张经纬 来源:张经纬blog 发布时间:2009-04-05 16:02:00 

标签:函数,jquery,background-position

如果想单独取background-position的X值或Y值,IE里可以通过私有属性background-positionX或者background-positionY取得,但是非IE浏览器无法通过这个属性取得。

查阅了参考资料,整理出如何获得XY的通用方法,我在IE6 IE7 IE8 FF3 Opera Chrome上测试没有问题。

函数一、先通过jQ取得XY。

(function($) {
jQuery.fn.backgroundPosition = function() {
  var bgPosition = $(this).css('background-position');
  if(typeof(bgPosition) == 'undefined') {
   return $(this).css('background-positionX') + ' ' + $(this).css('background-positionY');
  }else{
   return bgPosition;
  }
};
})(jQuery);

函数二、单独取它们的X值或Y值
X值:$(’#Element’).backgroundPosition().split(” “)[0];
Y值:$(’#Element’).backgroundPosition().split(” “)[1];

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com