问题标签 [jquery-effects]

我不知道为什么，但是悬停“出”函数中的 animate() 似乎是从0值开始的，而不是16应该由悬停“入”函数设置：

因此，鼠标移出时文本阴影突然发生变化，没有动画

我究竟做错了什么？

jsfiddle

好的，我修好了。似乎是步进函数定义或其他东西的jquery bug。无论如何，这将起作用：

如何使用jQuery构建一个效果很好的简单表格过滤器？我不介意分页。

list -> 选择数据库的数据。

我不想使用插件，我更喜欢使用短代码。

例子：

如何在 JQuery 中移动 div 并使用动画效果调整其大小？

即 div 将位于屏幕的中间，它将向左侧移动，在完成移动后将具有 %50 的高度和 %50 的宽度。（例如，它将具有 %75 的大小中途）

编辑：我试过了：

然而它消失了？

EDIT2： 这有效：

但是它使我的正方形更大，我尝试 =-30% 但不起作用。我应该怎么做才能变小而不是变大？

我无法让反弹效果发挥作用。只要锚标签相对定位， animate() 就可以工作。我用我的网站上的所有 css 和 html 制作了一个 jsfiddle：http: //jsfiddle.net/CRzFj/

我正在寻找类似于http://jsfiddle.net/RGvjj/26/的结果， 但我认为我的一种 css 样式正在打破反弹。我不确定它是哪一个。

编辑实际上在发布后不久就找到了答案，并玩弄了 jsfiddle。我需要将 position: relative 和 display: block 添加到 span 标签，删除 float: left。

我正在寻找一种通过滑动元素来切换元素可见性的方法，同时平滑地推开那些位于目标位置的元素。

到目前为止，我尝试了jQuery和jQuery Ui的两种幻灯片效果，似乎我需要将这两者结合起来。

而jQuery的幻灯片拉伸有问题的元素，我宁愿希望它像在容器中一样滑入和滑出overflow: hidden（就像jQuery Ui一样）。不幸的是，jQuery Ui不会在动画期间重新定位相邻元素，而是在动画完成后让它们跳转到它们的位置。

我创建了一个Fiddle来向您展示我的意思。我的问题是：有没有办法让jQuery Ui中的幻灯片没有后续元素跳转到它的位置，而是平稳地移动到那里？

非常感谢您的建议！

嗨，有没有人可以告诉我如何使用 jquery 使用一些延迟/动画速度来重现这个 css3 效果？

JSFIDDLE

这是我的代码

CSS 部分

简而言之，我试图从作为 div 返回的服务器获取数据（ajax），并且我试图将 div 滑入当前界面。

问题：一切都按预期工作，只是新的 div 滑得更低一些，然后恢复到适当的大小。

例如：对于一个 3 行 div，效果会产生一个初始slideDown值，比如说 5 行，然后类似于将slideUp自身调整为适当的 3 行的效果。

我该如何处理？

（注意：在Loopt可以看到类似的效果，在推送新内容时可以正常工作）

我在一个页面上有几个 div，除了一个 div 之外的所有 div 都被隐藏了

现在在主页上我有（比如说）3 个按钮/链接。我想创建一个类似于智能手机应用程序的幻灯片效果（当单击主页上的按钮/链接时）它将主 div 从屏幕上向左滑动，并从右侧滑动相关的 div（例如 p1）同时侧到视口上。

现在我可以做到这一点，可以通过替换主 div 的内容（将 div 的内容滑出并将 p1 div 的内容滑入 div），或者通过将整个 div 滑出屏幕并滑动替换来完成div 上）。

无论哪种选择，我都不知道如何使用 jQuery 完成此操作。

更新：由于我还没有收到解决方案，并且我一直在继续寻找答案，我确实也找到了并且（只是自己订购了）：使用 HTML、CSS 和 JavaScript 构建 iPhone 应用程序：制作没有目标的 App Store 应用程序-C 或可可。请注意（完全披露），这是一个附属链接（亚马逊）。虽然我不是在宣传这本书（还没有读过），但它可能对其他人有帮助。

更新 2：感谢 stackoverflow，该附属链接自动更改为他们的附属代码，所以我链接那本书是为了他们的利益。:) 不管怎样，仍然希望这本书能对某人有所帮助，迫不及待地想收到我的副本。

我是第一次尝试一些 jQuery。我的第一个目标是让页面上的一个图像淡入另一个图像。我已经想出了如何使用几个将背景图像设置为不同图像文件的 div 来做到这一点（参见下面的代码）。但是，如果我以某种方式对现有的 img 标签执行此操作而不是使用某些 div，这对我的情况会更好。有什么方法可以做这段代码的工作，但使用 img 标签？

我希望有人可以帮助我重新创建“VH1 弹出视频”效果，其中整个气泡会缩放，最后有缓动效果。

我有一个带有一些 display:none DIV 的列表隐藏在列表的每个项目中。

我希望当用户单击每个列表项时，隐藏的 DIV 会像下面的第一个示例一样增长和反弹。第一个示例的问题在于，请求的 DIV 中的元素（在本例中为 .bubble）不会与对象的其余部分一起缩放，就像第二个示例一样

如果我这样做：
$(this).children(".bubble").show(1000, "easeOutBack");
我的气泡以很好的easeOutBack 增长，但.bubble 中的子元素不会缩放（可能有一种方法可以指定“缩放此元素及其子元素”？

如果我这样做：
$(this).children(".bubble").effect("scale", {origin:['middle','bottom'], from:{width:0,height:0}, percent: 100, direction: 'horizontal' }, 1000);
气泡及其内容可以很好地缩放，但我不知道如何添加缓动效果。

然后我尝试了这个：
$(this).children(".bubble").show('scale', { percent: 100 }, 1000, "easeOutBack" );
但仍然没有缓和。

任何帮助将非常感激。