jQuery.animate 背景位置

2023-12-09

如何使用 jQuery 的 animate 函数在不使用插件的情况下为背景位置属性设置动画? 当支持backgroundPosition时,我尝试切换回1.4.4,但它似乎只适用于IE,而不适用于FF或Chrome。 我尝试查看 animate 函数的步骤回调,但没有任何效果。


我也有同样的问题。 Samich 链接的插件是一箭双雕的唯一方法(在几乎所有浏览器中只用 JQuery/Javascript 即可实现动画)。

这是一个替代方案,但它最好使用像 Modernizr 这样的功能检测脚本来实现兼容性:

对于 IE,分别使用 JQuery 的 .animate() 和 background-position-x 和 -y(这将适用于最新的 JQuery)。然后在浏览器中支持 CSS 过渡(几乎除了 IE 之外的所有内容),使用 .css() 而不是 .animate() 来更改背景位置并在样式表中设置 CSS 过渡。

您将使用上述内容覆盖大多数浏览器,但它可能不像仅使用插件那样兼容。在这里查看它的工作情况:http://jsfiddle.net/lucylou/dVpjh/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery.animate 背景位置 的相关文章

  • 在 jQuery 中获取 Json 数据

    没有一个清晰的示例解释如何尽可能简单地拉取 json 数据 我有一个有效的 json 我需要使用 jQuery 检索它 我的 json 输出如下 title blog entries items title Can Members of t
  • 如何使用 console.log 省略文件/行号

    如今 您可以在 Chrome 的控制台中编写非常好的东西 查看this https developer chrome com devtools docs tips and tricks关联 我也做了一个截图 正如您在屏幕截图中看到的那样 文
  • Jeditable 错误时异步恢复

    我一直在使用 JQuery 的 JEditable 插件 我想向插件返回错误以指示它恢复到以前的值并向用户显示错误 我使用同步 ajax 调用来完成此工作 但我更喜欢使用异步回调 我必须到目前为止的代码如下 editbox editable
  • 如何获得相对于特定父级的偏移量?

    我想获取元素相对于的偏移量特定的父母不是直接的 也不是文档 我在互联网上查找并找到了offset http api jquery com offset and position http api jquery com position jQ
  • 强制执行 show.bind

    我有一个包含数据的表 当从另一个视图触发事件时 我希望视图检查 show bind 语句 问题是该事件没有更改当前视图中的任何数据 foo html tr p canBeRemoved p tr 我正在使用 EventAggregator
  • 尝试使用 CasperJS 跟踪 iframe 中的链接

    我正在尝试使用CasperJS http casperjs org index html跟踪 iframe 中的链接 但我似乎无法获取 iframe 的文档 这是使用我找到的 iframe 示例页面进行的测试 第三个 iframe 有一个名
  • 使用 jQuery 1.4 跨平台、跨浏览器播放声音的方式?

    我试图让 jQuery 在元素悬停 单击时播放声音 就像一个没有flash的flash网站 我已经尝试过推荐的方法跨平台 跨浏览器的方式从 Javascript 播放声音 https stackoverflow com questions
  • Facebook 登录无法在移动浏览器中使用

    我使用 react facebook login 在我的网站中实现了 facebook 登录module https github com keppelen react facebook login 我在 ComponentDidMount
  • Backbone.js 应用程序可以逐步增强并可供搜索引擎抓取吗?

    我需要为我的下一个项目实现一个 MVC JavaScript 框架 但它既是一个网站 又是一个 Web 应用程序 是否可以公开数据服务器端 然后解析 URL 以显示 JS 版本 我计划使用 Rails 作为服务器端代码 我写了一个关于这个主
  • jQuery Masonry 和 CSS3

    如何在保持砖石布局的同时将 CSS3 过渡与当前图像结合起来 这是我的html div img class bottom src images div
  • jQuery 如何通过不同的列值计算表中的行数

    如何按表列计算不同的表行 Example table thead tr th NAME th th TECHNOLOGY th tr thead tbody tr td john td td jQuery td tr tr td mark
  • Webpack:如何将 javascript 注入 HTML 而不是单独的 JS 文件

    有没有办法让 webpack 将输出注入 HTML 而不是单独的文件 我不得不使用html webpack inline source plugin https github com DustinJackson html webpack i
  • 谷歌浏览器如何启动桌面应用程序?

    我真的不知道术语 所以我将从一个例子开始 如果我点击磁力链接 Google Chrome 会询问我是否要启动 torrent 客户端 我单击 确定 chrome 启动该应用程序 该应用程序根据链接执行一些操作 现在有办法查看应用程序如何从
  • D3 时间解析返回 null

    根据此页面上的说明 https github com mbostock d3 wiki Time Formatting https github com mbostock d3 wiki Time Formatting我正在尝试解析 ISO
  • 加载 angularjs 路由后运行 javascript 代码

    我需要在 angularjs 加载路线后显示警报 显示警报的代码位于 angularjs 异步加载的视图中 视图加载后 我希望它能够运行 但它没有 我知道我可以广播并告诉它稍后运行等 但我需要一个更通用的解决方案 假设您正在谈论基于以下内容
  • Firefox 和 Chrome 为 offsetTop 提供了不同的值

    我试图相对于输入字段定位一个跨度元素 让我们称之为 工具提示跨度 为此 我将工具提示跨度和输入字段包装在另一个跨度元素中 我们称之为 包装器跨度 该元素具有position relative 然后我设置position absolute在工
  • 数据表导出按钮问题 - 按钮不显示

    我试图在屏幕中央和数据表下方显示一个导出按钮 该按钮根本不显示 我已经下载了数据表文件 它们托管在我的服务器上 因此是本地引用
  • python 函数返回 javascript date.getTime()

    我正在尝试创建一个简单的 python 函数 它将返回与 javascript 相同的值new Date getTime 方法 如所写here http www w3schools com js js dates asp javascrip
  • 在 Map() 的条目上使用 Promise.all

    我正在使用 Map 来表示一些键 值对 let myMap new Map myMap set foo bar myMap set foo2 bar42 对于每个 Map 条目 我执行一个返回 Promise 的函数 所有这些 Promis
  • 处理延迟对象数组

    自从使用 Deferred我已经遇到过这种情况几次 我有一个值列表 每个值都以某种方式生成一个延迟对象 并且我想在所有延迟对象都解析后执行回调 一个更具体的例子是这样的 var urls foo com bar com baz com qu

随机推荐

  • 计算字符串宽度(以像素为单位)以模拟自动换行时出现奇怪的行为

    尝试获取 C 中的字符串宽度来模拟自动换行和文本位置 现在用 richTextBox 编写 richTextBox 的大小是 555x454 px 我使用等宽字体 Courier New 12pt I tried TextRenderer
  • Bootstrap 3 移动设备上的多个菜单合并为一个

    我已经和菜单斗争了一段时间了 我想要的是顶部菜单和侧面菜单 为了在移动设备上有用 这两个菜单都需要折叠成可在手机上访问的菜单 这实际上可能吗 或者我是否必须为不同的屏幕尺寸编写不同的解决方案 Thanks html
  • 伪析构函数调用不会销毁对象

    考虑以下代码 include
  • Android 按钮的拖放

    我在 android 中工作 我正在使用一个按钮 现在我想执行该按钮的拖放操作 这是我的 main xml
  • 用Java显示CMD窗口

    我使用此代码启动 cmd 文件 try String line Process p Runtime getRuntime exec myPath punchRender cmd BufferedReader input new Buffer
  • 如何以编程方式禁用Android硬件按钮?

    我正在开发具有锁定功能的 Android 应用程序 请建议我如何以编程方式禁用所有硬键 在这里 我使用下面的代码来禁用后退按钮 我希望以编程方式为 Android 中的所有硬键 如主页 菜单按钮 通知栏 提供此功能 用于后退按钮 在活动或片
  • 如何获取调用 python 函数的脚本名称?

    我知道 file 包含包含代码的文件名 但是有没有办法获取调用该函数的脚本 文件的名称 如果我有一个名为filenametest b py def printFilename print file 我将函数导入filenametest a
  • SCSS编译后将@import保留在CSS末尾

    我们需要把 import在我的 CSS 文件的末尾 例如 SCSS import reset css Body font 0 8em arial import customation css 编译为 import reset css bod
  • Bootstrap:在小屏幕上重新排序 3 列

    我在尝试使用 bootstrap HTML 和 CSS 对列重新排序时遇到一些问题 目前 我的布局是这样的 B 和 C 包含在单个列中 而 A 本身有一个列 在台式机和平板电脑上 这样就可以了 但我需要为小型设备重新排序内容以获得如下内容
  • 在sql server中分割字符串

    我在数据库中有一个以逗号分隔的字符串 就像 苹果 香蕉 菠萝 葡萄 我需要根据逗号分割这个字符串并迭代它 由于sql server中没有内置函数 是否有任何有效的方法可以实现这个目标 试试这个功能 CREATE FUNCTION dbo f
  • 用于从 SFTP 服务器进行无服务器日志提取(文件下载)的 Google Cloud Platform 解决方案

    今天有一个问题 在我输入答案时被删除了 不知道为什么 由于答案很长 我决定复制 重新创建它并提供我的答案反正 也许这对某人有用 这是原来的问题 我们有一个 SFTP 服务器 其中转储 Apache Nginx Wordpress 日志 我们
  • org.apache.jasper.JasperException:未指定默认命名空间时,函数 split 必须使用前缀

    调用我的应用程序的第一页时引发以下异常 org apache jasper JasperException WEB INF login jsp 28 21 The function split must be used with a pre
  • 熊猫融化功能

    我有一个数据框 df pd DataFrame 2 4 7 8 1 3 2013 9 2 4 5 5 6 2014 columns Amy Bob Carl Chris Ben Other Year Amy Bob Carl Chris B
  • GoLang,MethodName前面括号里的内容是什么?

    func t T MethodName argType T1 replyType T2 error MethodName 前面括号内的内容是什么 我的意思是这个 t T 这来自这里 http golang org pkg net rpc 我
  • edittext可见意味着我如何检查android中的if条件

    我已经检查过我的编辑文本在 Android 中是可见还是不可见 现在我必须检查条件是 如果我的编辑文本可见意味着我如何插入数据 如果我的编辑文本消失了意味着我如何插入另一个数据 这是我的代码 如果我必须选中复选框 则意味着编辑文本不可见 否
  • 为什么我的任务没有取消?

    我正在运行一个进程 定期卷曲到 URL 列表以测试这些网站的性能 我的主程序基本上是一个 do sleep while 循环 每 N 秒调用一个函数 runTest 并用键盘中断来终止它 精简到基础知识 我的代码如下 public void
  • 无法让 INSERT 在 SPARQLWrapper 中工作

    我一直在尝试让 SPARQLWrapper 将一个简单的三元组插入到 GraphDB 中 但没有成功 我对选择查询没有任何问题 这是失败的 Python 测试代码 db sparqlw SPARQLWrapper endpoint quer
  • 获取来自 Whatsapp 的所有消息

    我正在尝试实现一个应用程序 它将在文本视图中显示从 Whatsapp 收到的所有消息 有什么办法可以做到吗 是否可以提取 Whatsapp 中的所有消息 Whatsapp 将所有消息存储在加密数据库 pyCrypt 中 使用 Python
  • 无法通过空手道框架上传 zip 文件

    我正在尝试使用堆栈溢出参考通过空手道框架上传 zip 文件 使用空手道以表单数据方式上传文件的请求和空手道文件上传功能 请找到下面的代码 Given path upload And header Content Type applicati
  • jQuery.animate 背景位置

    如何使用 jQuery 的 animate 函数在不使用插件的情况下为背景位置属性设置动画 当支持backgroundPosition时 我尝试切换回1 4 4 但它似乎只适用于IE 而不适用于FF或Chrome 我尝试查看 animate