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
投稿

猜你喜欢

  • 关注各网站的布局调整

    2008-09-23 18:14:00
  • 注册表单的细节问题

    2008-05-24 08:43:00
  • 解析:Perl下应当如何连接Access数据库

    2008-11-28 16:40:00
  • 浅谈python内置函数callable的用法

    2023-01-28 11:12:42
  • .img/.hdr格式转.nii格式的操作

    2023-08-25 04:56:14
  • PyTorch基础之torch.nn.Conv2d中自定义权重问题

    2023-10-13 05:16:31
  • 使用pandas读取文件的实现

    2022-10-20 14:00:42
  • asp用正则过滤html标签

    2008-01-19 16:34:00
  • JavaScript框架比较:选择器

    2010-04-20 14:48:00
  • 如何避免mysql启动时错误及sock文件作用分析

    2024-01-16 18:39:01
  • Pycharm 2to3配置,python2转python3方式

    2021-07-05 21:39:50
  • 如何让新页面在新窗口打开?

    2009-04-12 19:41:00
  • python内置数据类型之列表操作

    2023-04-08 02:17:36
  • python3检查字典传入函数键是否齐全的实例

    2023-11-07 07:36:31
  • SQL Server 2000日志转移实现高可用性

    2009-01-20 15:04:00
  • PHP PDOStatement::fetchAll讲解

    2023-06-14 15:54:26
  • 如何通过Django使用本地css/js文件

    2022-04-28 22:04:33
  • python 3.0 模拟用户登录功能并实现三次错误锁定

    2022-06-12 14:11:05
  • 模仿MSN消息提示的效果

    2013-07-02 06:22:28
  • Python爬虫实例——scrapy框架爬取拉勾网招聘信息

    2023-01-20 19:06:45
  • asp之家 网络编程 m.aspxhome.com