问题标签 [jquery-effects]

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 回答
306 浏览

jquery - 在 jQuery 工具中将 fadeTo() 更改为 fadeIn() 时遇到问题

我在这个设置中使用 jQuery Tools Scrollable。我无法更改大图像的过渡效果。

当您单击缩略图时,大图像会淡出淡入(您可以通过访问链接在演示中看到此行为)。我只大图淡入。

我认为这就像将转换更改为 一样简单var wrap = ... fadeTo()fadeIn()但事实并非如此。我也改了过渡就wrap.fadeTo()行了,还是不行。

任何想法为什么?我从我的例子中剪掉了不必要的代码......

HTML

0 投票
1 回答
541 浏览

jquery - jquery中的摇摆效果?

是否可以在 jquery 中创建摇摆效果?说实话,我无法想象它是如何工作的,但我对 jquery 还比较陌生,所以最好问问。

http://img163.imageshack.us/img163/9049/63148139.jpg

正如您可以想象的那样,正方形(分 3 个阶段)应该在线上移动。

0 投票
2 回答
171 浏览

javascript - 你可以对一个 div 有超过 1 个 jquery 效果吗?

我正在进行一个需要推送通知的工作项目。该功能运行良好,但项目负责人希望为通知添加额外的 ui 效果。

为此,我们使用 jquery 效果。

我的情况:

  • 我有这个推送通知,它旁边有一个带有语音气球的正方形。
  • 它们一起在 1 个 div 中,这是隐藏的。
  • 如果需要,div 将显示效果。

我真正想要的是块滑下来,0.5 或 1 秒后气球会展开或滑出。

这可以在一个 div 中完成还是我必须制作 2 个单独的 div?

或者也许用不同的方式来描述它,你可以在一个 div 上设置效果,这样它就只能通过设置大小来显示 div 的某个部分?(显示像素 0 到像素 150 或其他东西。)

提前致谢 :)

编辑:
示例图像 在此处输入图像描述

0 投票
3 回答
7604 浏览

jquery - jquery/css:如何在 div 的背景色上实现向左擦除动画

这是我的CSS

我希望每当我将类添加/删除Selected#Slide时,背景颜色属性都会通过从左向右擦除/擦除来进行动画处理。通常,背景色只是出现和消失。如果在使用 css 类时这不可行,是否可以使用 jquery.animate()函数?或者可能是css3transition属性?

任何建议有人

0 投票
1 回答
1290 浏览

javascript - box-shadow '跟随' Jquery Slide Down 效果

我制作了这个小视频(如果有背景噪音请忽略)

http://www.screenr.com/Qvts

它的 13 秒,但只需要在第 5 秒看到动画;(或访问keepyourlinks.com并等待几秒钟,直到您可以看到相同的框并单击)

css - 该项目有两个类 -

和 javascript(发布了完整的脚本,但在我看来,对唯一的相关行发表了评论。

那么如何防止这个阴影扩大整个垂直动画呢?

0 投票
1 回答
211 浏览

jquery - jQuery:FadeIn/FadeOut 时间问题

在我正在管理的一个站点中,我有这个样式的链接,单击它会在它下面的下拉列表中淡入淡出,以便用户可以选择一个流派。

我的淡入淡出效果很好,我遇到的问题是试图确定下拉列表是否悬停,以便如果用户悬停在样式链接之外而不进入下拉列表,我可以隐藏它。

因此,下拉列表淡入,用户不输入下拉的元素,然后元素淡出,但是,如果用户输入下拉的元素(同时留下触发淡入的点击链接)然后下拉down 应该一直显示,直到离开下拉元素。

这是我到目前为止的代码:

0 投票
2 回答
1264 浏览

jquery - 带有输入字段的 jQuery 问题的 Mouseover 和 Mouseout

旧代码

当我在“#search” div 上方时遇到问题,然后它像我应该做的那样滑动它,但问题是当它滑出时它会显示一个搜索输入字段,当鼠标移过该输入字段时它开始运行鼠标移出功能,我已经通过在带有空函数的 #search 输入上提供 if 鼠标来停止此操作,但是当我的鼠标离开输入和“#search”潜水时,它不会运行动画返回功能。

这是我的脚本

我做错了什么?或者有人有解决方案吗?我是 jQuery 新手,所以刚开始学习 :) 并且我搜索了谷歌和过去 2 天的文档,也许只有我是盲人,这就是我需要你帮助的原因:

编辑:新代码和 JS 小提琴

我需要对搜索栏进行不同的处理,所以我只是再次编写了代码,现在需要单击该语句。看看这里 JSfiddle

http://jsfiddle.net/D7s45/2/

这就是我想要创建的 jQuery :)

0 投票
3 回答
2273 浏览

javascript - 循环浏览导航栏的列表项并使用 jQuery 的fadeIn() 动画将它们淡入

我想做的是遍历导航的列表项,并按顺序淡入每个元素,但具有两个延迟选项的灵活性:在继续下一个动画之前等待每个前一个动画完成的选项,和/或每个动画开始之间的自定义延迟/超时(毫秒)(不是一个动画结束和下一个动画开始之间的延迟)。

自然地,我可以使用嵌套回调并专门调用每个列表项,但这在代码方面效率很低,并且只会一个接一个地加载每个元素,这在某些情况下是可以的,但在其他情况下我可能想要它们几乎同时加载,可能会有轻微的延迟(模拟我见过的一些基于 Flash 的导航)。这就是为什么我说自定义延迟选项应该在一个开始和下一个开始之间。

对于它的价值,导航元素首先被隐藏,$('#nav li').hide();但我怀疑你已经猜到可能是这种情况。:)

怎样才能达到这样的效果?

0 投票
1 回答
211 浏览

jquery - 需要帮助使这个简单的 JQuery 图像悬停脚本仅在禁用 javascript 时弃用为仅 CSS

我目前有一个非常基本的 JQuery 脚本,伴随着一些 CSS,当有人将鼠标悬停在我网站上的产品图像上时,它有助于创建平滑的淡入淡出效果。然而,我希望能够做的是允许禁用 Javascript 的用户仍然仅通过 CSS 获得基本的显示/隐藏悬停效果。这怎么可能实现?
谢谢

这是我目前要给你的一个想法:

HTML

CSS

jQuery

0 投票
1 回答
1449 浏览

jquery - 如何在 Jquery 对话框小部件中使用缓动

我在 jquery UI 中使用 jquery 对话框小部件在模式对话框中显示表单。我想自定义动画,但除了按名称指定效果外,我在选项中看不到任何内容。例如:

我还注意到打开对话时效果的时间和屏幕的变暗(模态设置为 true)不太匹配。在效果结束之前,对话框会一直保留在深色叠加层之下。

有没有办法在对话框选项中自定义效果?也许使用缓动插件?

谢谢