问题标签 [jquery-animate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
54479 浏览

jquery - Jquery 动画隐藏和显示

当我点击一个链接时,我希望同时发生两件事。我正在慢慢浏览 Jquery 文档,但还没有了解我需要什么。

这是我网站的链接

当我单击服务链接时,我想#slideshow div隐藏它,并用一个新的 div 替换它。

我曾尝试在单击服务链接时让幻灯片动画化,但它要么执行动画功能,要么转到链接的 html 页面,而不是两者。我将如何实现两者。

如果我只是在同一页面上隐藏和显示 div,或者我转到一个新的 html 页面,这并不重要。我只想拥有动画功能并在隐藏内容时更改内容。

这是我正在使用的 jquery 代码

#slideshow divhome 和 services 是两个链接,当点击隐藏和显示时,我想要服务slideshow2 div,这将被隐藏然后替换第一个。

有相当多的 html,因此从链接中查看我的源代码可能会更容易。

0 投票
3 回答
2157 浏览

jquery - jquery高亮褪色-超时问题

我在一个页面上有两组 boxex。10 个属于“boxOne”类的盒子和另外 10 个属于“boxTwo”类的盒子
有一个按钮。单击按钮时,我使用 jquery 效果突出显示然后淡化属于类“Boxone”和“Boxtwo”的所有元素的背景颜色。

下面是代码。

单击按钮时,所有框都以指定的颜色突出显示。现在的问题是,有时这些框中的一些框不会淡出。他们的背景仍然突出。有时会发生这种情况并没有一致性。我想要一个一致的行为。

我看到 setTimeOut() 函数并没有统一应用于属于该类的所有元素......它只适用于少数元素......我犯了什么错误

0 投票
3 回答
1081 浏览

jquery - facebook 缓动效果 w/jquery

当您在新闻提要中加载 AJAX 更新时,任何人都可以推荐如何创建 Facebook 实现的“放松”效果吗?(当它显示为“ load x new news feed articles”时)如果我使用prepend,新的更新将立即全部插入。

我正在寻找一种方法来平滑/向下滑动旧更新,以便为新的传入更新腾出空间。

谢谢。

0 投票
5 回答
7045 浏览

jquery - 如何让函数等到动画完成?

我使用 JQuery 进行了一个小型动画工作:一张#photos包含 9 张照片的表格,我想使用animate鼠标悬停时的功能来增加宽度和高度。但是,如果用户将鼠标移到另一张照片上,则动画正在运行时,它会自动触发下一个动画,因此完全混乱。我应该怎么办?我的代码是:

0 投票
9 回答
1382 浏览

javascript - jQuery动画问题

我使用以下代码段将元素的背景设为浅蓝色,然后在 30 秒内慢慢淡化为白色:

两个问题。

首先,不是褪色为白色,有没有办法将不透明度褪色到 100%?这样,如果我选择更改页面的背景颜色,我就不必更改“白色”?

其次,大约每 10 次或 15 次,背景会保持浅蓝色并且不会褪色为白色。我正在使用最新版本的 jQuery 和 UI 核心。可能出了什么问题?

编辑:赏金是为了解决关于第二个问题的问题。

编辑2:

显然,我被否决了,因为我说我推出了自己的解决方案,但没有展示出来。我的错。我不想自我推销。我的代码 100% 的时间都可以工作,并且不需要 jQuery。演示和代码可以在以下位置找到:

http://prettycode.org/2009/07/30/fade-background-color-in-javascript/

0 投票
1 回答
590 浏览

jquery - 为什么我的动画在恢复时变得非常慢?

我有一个 jQuery 动画,可以为容器上的“scrollLeft”设置动画,以产生一种“选框”效果。

我已经设置了它,因此在将鼠标悬停在容器上时它会停止动画,并且在鼠标离开时它会恢复。

每当我将鼠标移到动画上然后离开动画时,它会以极慢的速度恢复但在一分钟左右后逐渐恢复。

为什么会发生这种情况,可以解决吗?

PS。这是所要求的 startAnimation 函数:

0 投票
3 回答
35578 浏览

jquery - jQuery - 动画/滑动到高度:100%

我在这里有一个简单的代码:

现在,当我单击它作为第一个“切换”时,它会立即显示(没有动画),当我单击第二个“切换”时,它会很好地向上滑动。

有没有办法用那个漂亮的动画把它滑到 100%?

0 投票
1 回答
787 浏览

jquery - jquery .animate - 动画期间图像被裁剪

我目前正在使用 jquery 库使用 javascript 编写轮播。基本上,显示了三个图像,中央图像比其他两个图像大。在向左或向右移动时,中心图像的大小从 115px*115px 调整为 50px*50px,并根据用户输入向左或向右移动。

问题是,当调整大小时,中心图像会逐渐被裁剪,直到达到 50px*50px,然后恢复到更正常的状态: http://www.filedropper.com/imggetscropped

Javascript如下:

使用的图像是具有透明度的 png。

0 投票
1 回答
103 浏览

jquery - jQuerys .animate 方法如何工作(JavaScript)?

查看源代码是一场噩梦,因为它都使用复杂的数组,但我并没有真正看到可以执行任何操作的代码。

有任何想法吗?

0 投票
1 回答
715 浏览

javascript - jQuery - 无法在 .animate complete:callback 调用的函数中访问我的属性

我有以下代码显示一个弹出窗口,然后在短时间内隐藏它:

动画完成后,函数 _myFunction 会正确触发,但是我看不到我的任何属性。

我想将一个名为 _showing 的属性设置为 false。

这是我的控件的一些更具描述性的代码:

.animate 事件完成后如何更新 _showing 属性?