jQuery 取得 background-position 的值

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

如果想单独取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];

标签:函数,jquery,background-position
0
投稿

猜你喜欢

  • sql server not in 语句使程充崩溃

    2012-01-05 19:05:00
  • 对xml操作的主要方法例子

    2008-06-29 14:21:00
  • 我所理解的网页推广设计的几个要点

    2011-01-25 12:37:00
  • 如何正确的解决 MySQL中忽略用户的现象

    2008-11-27 16:00:00
  • 什么是XSL?

    2007-11-05 19:47:00
  • SEO与“nofollow”及“external nofollow”

    2007-12-15 09:31:00
  • oracle 存储过程和函数例子

    2009-08-08 22:27:00
  • ASP 下载时重命名已上传文件的新下载文件名的实现代码

    2012-11-30 20:33:45
  • asp如何计算下载一个文件需要多长时间?

    2009-11-25 20:17:00
  • 详解MySQL数据库中Show命令的用法

    2008-11-27 16:04:00
  • asp好用的函数集分享

    2011-09-13 12:49:07
  • css学习笔记:为什么在IE6下图片会往下掉一行

    2009-06-19 12:50:00
  • 当标题不能显示完整的时候

    2007-11-20 13:23:00
  • 用asp实现的代码批量修改程序

    2007-09-24 13:31:00
  • 利用CSS改善网站可访问性

    2010-10-20 20:12:00
  • 利用MySQL加密函数保护Web网站敏感数据

    2008-12-17 16:11:00
  • 教你在SQL Server 2000数据库中使用分区

    2008-11-25 11:55:00
  • asp如何在页面中实现对电子信箱的访问?

    2010-06-26 12:34:00
  • 分享到豆瓣、百度空间、新浪微博的js代码

    2011-03-17 12:58:00
  • 就 CSS3 向 Eric Meyer 请教的 6 个问题

    2008-12-29 13:52:00
  • asp之家 网络编程 m.aspxhome.com