1回答
设置jQuery效果动画
、、、、
我想设计一个div的效果，这样的效果从这个网站(从现场评论框，在右侧)。
我正在使用动画效果。类似于：
jQuery(".aux_content").animate({"width":400+"px"},1000);
jQuery(".aux_content").animate({"height":500+"px"},{duration:1000, queue: true});
jQuery("#scrollingDiv").animate({"height":500
浏览 1提问于2011-07-13得票数 0
回答已采纳
更新：
我为jQuery制作了一个可链接的动画效果插件(参见我的)。在自定义效果中，我使用jquery的.animation()效果，它应该将动画放在jquery的内置动画队列中。当我试图链接动画时，它会立即启动自定义的.horizontalBlinds()动画，而不会将它放在jquery的内置动画队列中。我如何让它像所有其他内置的jquery效果一样在队列中等待它的出现呢？
// both effects start at the same time
$(element).fadeIn().horizontalBlinds(4);
浏览 3提问于2011-07-26得票数 0
我是jquery的新手，并且已经开发了一个简单的调整导航菜单大小的方法
$(this).stop().animate({width:170},"slow");
用于悬停效果。
我的问题是，我如何才能添加动画效果来改变文本对齐方式。
我知道这会改变它：
$('.myElementClass').css('text-align','center');
但它看起来很丑陋，而且：
$(this).stop().animate({'text-align: left'}, "slow");
完全不起作用。
浏览 2提问于2010-09-28得票数 3
我使用jquery和jquery，并希望在"div“标签上动画属性，我想将从数字值更改为"auto”，但这种效果不起作用。当我用一个数值表示高度时，它是正常工作的，但是它不能使用auto！
到目前为止，我已经尝试过了:参见演示：
浏览 4提问于2014-12-04得票数 0
回答已采纳
我这里有一个jQuery UI滑块。
我将动画属性值设置为"true“。当我将鼠标指针放在工具条上的某个位置并单击它时，它会产生一种幻灯片视觉效果。但是，如果我将滑块指针拖动到不同的点，我无法获得在另一种情况下获得的动画幻灯片效果。它看起来像是从一个点跳到另一个点。有没有办法让我在这里也有滑动效果？
下面是我的脚本：
$(function(){
$('#slider').slider({
animate: true,
step:1,
min:0,
max:5
});
});
浏览 1提问于2011-06-20得票数 3
回答已采纳
1回答
我们试图通过使用fxqueue js来模拟图像幻灯片的暂停效果。
但是fxqueue js只支持jQuery1.3.2。
我们能够管理jquery version.but中的暂停行为，它不适用于当前的jquery版本。
是否有其他方法/插件来模仿暂停行为，并在播放按钮后从那个位置继续动画。
更新:请检查下面的小提琴。它适用于硬编码的ids。但是，我们需要处理动态ids的队列.
Jsfiddle.net/4 4wSmP/3/
浏览 2提问于2012-12-25得票数 0
我正在尝试使用jQuery的toggleClass来处理新闻报价器类型的事情，它在很大程度上是有效的，但断断续续地它没有动画效果。下面是我的代码：
$(document).ready(function() {
// ...other jQuery code
setInterval('$("#stat-slider").toggleClass("all-time", 1000);', 10000);
}
第一次加载页面时，它会在两种状态之间快速切换，然后像往常一样运行，只是有时它不会动态显示。有没有人能看到任何可能导
浏览 1提问于2011-12-07得票数 0
回答已采纳
1回答
我已经为我的问题寻找了一段时间的答案，但一直找不到。希望你能帮我。
情况
我对Javascript + JQuery非常陌生。所以我的知识仅限于我能在互联网上找到的东西(尤其是这个网站)。
我正在尝试创建一个站点，该站点具有更改选项卡的想法，我使用jQuery的动画功能自动切换这些选项卡。为了使它看起来很好，浏览器需要同时执行多个动画函数。
代码
$(slider).animate({opacity: 0},setSpeedTime);
$(backslider).animate({opacity: 1},setSpeedTime);
$('.subdiv_' + lastNu
浏览 2提问于2015-01-02得票数 2
回答已采纳
3回答
我正在设计一个网站，为了达到效果，我遇到了以下一组jquery代码，以实现动画文本颜色的改变。但这不起作用，我也不知道出了什么问题。
下面是我目前遇到的问题代码：
jQuery:
$('.list-5 li a').hover(function() {
$(this).stop().animate({ color: '#fff' })
}, function() {
$(this).stop().animate({ color: '#0e1b23' })
})
HTML:
<div class="list-5&
浏览 3提问于2012-07-02得票数 0
回答已采纳
4回答
我正在研究我的学生项目，我是新的jquery，对于这个项目，我必须使用jquery来增强一些功能，我已经学到了很多执行基本任务的知识，但我被一些非常令人困惑的事情所困扰。
我的一个脚本实际上在鼠标经过函数时改变了div容器的图像，函数目前很好，但让它感觉有点漂亮我想通过淡入淡出函数或动画为它添加过渡效果，但我无法同时使用这两种效果。我在互联网上搜索过，但在这里我无法将这些例子与我的思想联系起来。
我只想知道在这段代码中，我可以在哪里插入淡入淡出或动画函数，以使其具有过渡效果：
$(document).ready(function () {
$(".thumb").hover(f
浏览 0提问于2012-07-30得票数 0
回答已采纳
1回答
我目前正在进行一个项目，在这个项目中，我使用SWFObject来包含一个闪存头(一些火动画)。另外，我还在页面上使用jQuery进行几个动画和效果，比如图像滑翔机和悬停效果。
我遇到的问题：
高CPU使用率:在英特尔Q9550上，由于高CPU使用率，jQuery动画的帧率低，大约50%当我触发jQuery动画或效果时，闪存动画似乎被卡住了。
我试着删除几个jQuery动画并简化页面，但是只有一个悬停菜单，当在菜单上悬停时，闪存动画和jQuery动画都是滞后的。
我的页面运行顺畅的唯一浏览器是Chrome和Opera，但它的CPU使用率很高。FF3&4和IE7-9总是产生坏的帧率。
我试
浏览 2提问于2011-06-16得票数 1
我正在尝试为按钮创建一个重复的pulsing heartbeat视觉效果。
我不相信这可以在CSS中完成。
但是，如何在jQuery或JS中对背景图像更改进行动画处理呢
我希望能够做到以下几点
$(this).animate({
'background-image': '-webkit-linear-gradient(top, white, red)',
'background-image': '-linear-gradient(top, white, red)'
}, 4000);
但是jQuery不允许在
浏览 2提问于2012-05-16得票数 0
1回答
我有一个插件全屏搜索与两个单独的按钮。一个按钮用于打开我的网站标题中的全屏搜索，另一个按钮用于关闭div中的全屏搜索。打开按钮可以很好地处理jquery动画，但是关闭按钮不能处理jquery动画。
所以我想使用jquery动画幻灯片效果来关闭div。
html代码：
<div id="full-screen-search">
<button type="button" class="close" id="full-screen-search-close">X</button>
</div&
浏览 2提问于2020-10-01得票数 0
3回答
首先，谢谢你接受我的团体。我需要一个关于jQuery动画的问题的帮助。这是我在这个模板的导航菜单中找到的一个动画，这个模板怪物。
显然，这是两个图像，它们在画布上移动，并在某个时候逐渐褪色。
通过研究jQuery的例子，我发现部分效果是通过使用动画属性顶部(css)获得的。但不幸的是，作为链接中显示的示例，我动画中的元素并没有逐渐消失。
请帮助我理解如何使用jQuery实现同样的效果。
浏览 2提问于2013-12-07得票数 0
回答已采纳
3回答
这更像是一个数学相关的问题。
我试图用jQuery创建一个可爱的淡入淡出效果，将一个元素分成一定数量的块，然后逐个淡入淡出，但根据另一个数组延迟淡入淡出效果。
因此，为了创建块表，我有两个变量：
var rows = 4,
cols = 10;
这会将元素分成几个块，如下所示：
0 1 2 3 4 5 6 7 8 9
10 11 12 13 14 15 16 17 18 19
20 21 22 23 24 25 26 27 28 29
浏览 1提问于2011-04-29得票数 7
回答已采纳
我正在尝试更改Twitter Bootstrap动画进度条上使用的CSS3动画的持续时间。我想要的结果是使用jQuery减少动画的持续时间，这样我就有了一个更快的动画。
我得到了下面的超文本标记语言和CSS，并使用了下面的jQuery。
HTML：
<div class="progress progress-striped active" style="width:102px;">
<div id="test" class="progress-bar" role="progressbar"
浏览 1提问于2014-04-04得票数 3
回答已采纳
3回答
我有一个有四行的表格，我想用jQuery为它的行高添加动画效果。我使用以下代码来收缩和隐藏行：
$("table tr").animate({ 'line-height': 'hide' }, 5000);
但是，它不是从当前高度开始收缩行，而是首先使它们变得非常巨大，然后开始收缩。按下此小提琴中的隐藏按钮可以看到它的实际效果：
这种情况在Chrome和Firefox中都会发生。
这是jQuery中的一个错误，还是我做错了什么？
浏览 1提问于2013-05-05得票数 3
回答已采纳
1回答
我在这里用jquery和css代码制作了两个悬停效果：
jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...
但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框上，直到鼠标悬停动画结束！
如何让jquery像css一样悬停?！我不想让整个动画完全运行，当我移动我的鼠标在方框上，只是为了混战一秒钟！
浏览 0提问于2012-08-31得票数 1
我试图动画像不透明的效果，这使文字更大胆的慢。尝试了常用的animate()方法，但没有奏效。找过了，但找不到任何例子。可以这样做吗？
jQuery:
var Text = $('h1');
Text.click(function() {
Text.animate({'font-weight':'bold'},600)
.delay(200).animate({'font-weight':'normal'},600);
});
浏览 5提问于2012-09-15得票数 9
回答已采纳
1回答
我正在用jQuery制作一个卷轴的动画效果，动画结束后，我触发了一个效果，由于某种原因，效果被触发了两次，我如何防止它的发生？
$('.something').on('click', function() {
$('html, body').animate({
scrollTop: $('footer').offset().top
}, {
queue: false,
duration:
浏览 4提问于2013-02-04得票数 1
回答已采纳
2回答
我在jQuery上寻找一些与工作相关的东西，我试图让一个特定的事件流工作，但我似乎无法理解。
我了解jQuery是如何在前端运行的，函数是如何在document.ready区域中调用的，并且在页面重新加载时(在回发之后)，我已经在前端运行了一些动画-无论如何，这并不是我想要的功能。
使用标准的asp.net回发模型(不使用ajax)，是否可以实现以下目标？
1)页面加载，一些jQuery执行，通过动画将我的div放到正确的位置。(工作正常)。2)用户可以单击div (或div本身)中的一个链接，然后执行jQuery动画效果，一旦动画效果结束，使用javascript回发页面，传入被单击的元素。
浏览 1提问于2009-11-27得票数 0
我喜欢在Google的实时搜索和Twitter新闻订阅中看到的滚动效果。我认为jquery动画可以是used...not的，当一个新的结果可用时，创建推送动画的逻辑是什么。有没有人知道有什么jquery片段/演示可以复制这种效果？任何地方都有可用的插件吗？或者对动画如何进行逆向工程有什么想法？
浏览 4提问于2011-05-14得票数 0
回答已采纳
我试图创建一个类似于Twitter的帖子的动画，比如计数器(当你喜欢一个帖子时发生的效果-翻转数字)我想要同样的动画。我想尽我所能，就是不能让它起作用。以下是我尝试过的方法 $(function () {
$('#test').click(function () {
var $text = $(this).text();
$(this).addClass('up');
$(this).text($text + 1);
$(this).toggleClass('up down');
$(t
浏览 11提问于2021-02-09得票数 1
1回答
我想在支持安卓的html5或jquery中翻转书动画效果我想在支持安卓的html页面中实现动画效果，我已经尝试了很多的例子，但在安卓手机页面上翻转书动画效果不太好，就像trun一个page.any可以帮助我实现翻转书动画html教程或支持安卓webview的代码。
提前感谢！
浏览 2提问于2012-07-05得票数 0
我有一个由jQuery和CSS执行的完全相同的动画的示例比较。动画如此之少，没有太多的事件发生，那么为什么jQuery会像这样落后呢？这太荒谬了..。CSS的动画效果很好。
谁能告诉我为什么jQuery动画会滞后，即使它们这么小？
浏览 1提问于2011-04-10得票数 3
回答已采纳
5回答
我有一小段代码不能工作，看一下：
$(document).ready(function() {
$('ul#mainmenu li:hover').css({backgroundColor:''});
$('ul#mainmenu li').hover(function() {
$(this).animate({backgroundColor:'#2E8AE5'}, slow);
});
});
它的目的是：
1)在无序列表中，使用id为mainmenu的伪类:hover，从列表项中取消设置
浏览 2提问于2011-12-25得票数 4
3回答
我在找一种用于导航的滑动特效。但在我看来，jQuery的幻灯片效果有点奇怪，或者说不太符合我的需求。当我应用slideDown，slideUp，toggleSlide效果时，列表项就会出现，但不是动画效果(容器只是动画效果)。我也想让列表项有动画效果。
我找到了一个这样的例子：
如果有人能帮我，我会很感激的。
你的如实
浏览 4提问于2010-04-04得票数 1
回答已采纳
我想使用jquery为html元素中的一串文本赋予动画效果：
<h1>Animate</h1>
对于jquery部分：
$(document).ready(function() {
$( "h1" ).animate({ fontSize: "90px" }, 1500 )
.animate({ fontSize: "50px" }, 1500 );
});
这将为整个h1文本值设置动画效果，但是我希望为h1文本中的每个字符设置动画效果。
第二个jquery部分：
$(document).ready(func
浏览 0提问于2012-07-23得票数 1
回答已采纳
如何使用if else语句将wordpress选项设置值作为条件传递来切换jquery函数？
Wordpress选项设置值是'select-type‘值，它是在我的模板中使用
<?php echo get_option('my_animation_module') ?>
它只能打印一个值，如animation1、animation2、animation3和到目前为止..
我希望将此选项值作为条件传递到jquery中，以使用此wordpress选项值获得不同的动画效果。
HTML：
<div id="content-page>
<im
浏览 0提问于2013-01-08得票数 0
回答已采纳
所以我现在正在做一个年龄计数器应用程序
我想做的是让数字在每次增加时都会激增。
我尝试了几种不同的技术，并取得了一些效果--但有一个问题。
下面是我当前的解决方案，在我的.js中：
setInterval(this.bubbleNumber.bind(this),1000);
App.fn.bubbleNumber = function()
{
var hour = $('hour-placeholder');
if(hour)
{
hour.style.fontSize="7vw";
hour
浏览 2提问于2015-06-10得票数 0
回答已采纳
1回答
试图使用的插件列表：
jquery.animate-enhanced.min.js
jquery.easing.1.3.js
基本上，我试图将一些jquery动画转换为“纯CSS3转换”。
这是我正在处理的代码：
$(this).animate({
bottom:(docHeight-80),
},600,
'easeOutElastic',
function(){
$(thi
浏览 4提问于2012-11-07得票数 0
1回答
我想知道今天的jQuery是否存在某种撕裂图像动画效果？不是像一百万个碎片，而是像在中间撕开图片的效果？向两边移动。还是需要使用Flash动画？？谢谢!
浏览 4提问于2013-03-11得票数 0
我找到了一个JavaScript旋转木马。
当您单击网页上的右或左按钮时，页面会动态地随动画滚动，标题和内容的动画速度也不同。
我想这可以用jQuery或JavaScript来完成。
使用传统的JavaScript，很难实现这种运动动画效果。
很容易实现它没有移动动画，但当涉及到实现与移动动画，我认为这是非常困难的。
我查找了解决方案的jQuery API，但我仍然没有得到这个想法。有人能告诉我如何实现这一效果吗？
浏览 0提问于2012-12-26得票数 1
回答已采纳
2回答
请看下面的屏幕，我已经尝试使用cover flow来实现这个动画，就像我们使用Carousel动画一样，但我没有得到屏幕中所表示的相同的效果。如果有人做过这种类型的动画，请给我发送代码片段，
浏览 2提问于2013-09-18得票数 0
11回答
我已经创建了一个脚本来使一个数字从零到它的值具有动画效果。
工作中
jQuery
$({ Counter: 0 }).animate({
Counter: $('.Single').text()
}, {
duration: 1000,
easing: 'swing',
step: function() {
$('.Single').text(Math.ceil(this.Counter));
}
});
<script src="https://ajax.googleapis.com/ajax/li
浏览 126提问于2014-04-11得票数 52
回答已采纳
我有这样的代码：
var x;
x=jQuery(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
var x;
x=jQuery(".Caja2");
x.hover(entraMouse,saleMouse);
}
function entraMouse()
{
jQuery(this).fadeOut();
}
function saleMouse()
{
jQuery(this).fadeIn();
}
问题是，当我将鼠标移到框上
浏览 1提问于2009-07-16得票数 1
我在所有浏览器中都尝试了jQuery fadeIn动画，效果很好，但在IE上效果不是很好。在添加了CSS不透明度后，Alpha png图像非常恐怖，但我有一个想法，我不知道如何使用jQuery实现它。
其思想是fadeIn元素，当动画完成时，它将自动删除不透明度属性，以使图片质量更好。
如何做到这一点？
注意:我使用的是动画，而不是FadeIn。
谢谢
浏览 0提问于2010-04-09得票数 4
回答已采纳
1回答
我有以下动画：
jQuery("#fp-small-feature-1").mouseenter(function(){
jQuery(".bar").animate({width: "264px"},500);
});
jQuery("#fp-small-feature-1").mouseleave(function(){
jQuery(".bar").animate({width: "0px"},800);
});
如何停止动画排队的效果，如果您鼠标离开并快速连续的次数。
浏览 2提问于2012-02-14得票数 1
回答已采纳
我想在之前的效果/移动完成后隐藏一个DIV元素。如果我知道序列，我就可以将代码添加到回调函数中，然后将其提供给.animate() (例如)。然而，在这种情况下，我无法访问该状态(它可能正在经历动画/效果，也可能没有经历动画/效果)。因此，这两个动画/效果是由两个不同的事件(例如按钮点击)触发的。
因此，我将在DIV元素完成当前动画/效果之后运行fadeOut。使用jQuery可以做到这一点吗？
谢谢。
编辑:因此目标是将当前操作(例如fadeOut())代码与先前的动画代码解耦。
EDIT2:让问题变得更加清晰。
浏览 0提问于2011-10-28得票数 0
回答已采纳
1回答
设想情况：
动画可以多次调用。
动画由另一个事件(如单击事件)调用。
在确定涉及此结构的所有其他动画事件完成之前，动画不应该触发。
示例：
jQuery( document ).ready(function() {
console.log('run');
jQuery("#animation-object").bind("fire-hide", function () {
jQuery(this).toggle();
});
jQuery(&
浏览 3提问于2015-03-05得票数 0
Bootstrap已在web应用程序中使用。侧边栏抽屉/导航有切换导航，默认情况下应该是动画的(就像bootstrap切换导航是动画的)。但是，不幸的是，没有动画。因此，我应用了以下内容：
.navbar-collapse {
width: 0;
opacity: 0;
transition: width 0.3s ease;
}
.navbar-collapse.expanded-menu.in {
width: 95%;
opacity: 1;
}
它在扩展侧边栏时起作用，但在关闭时不起作用。如果我使用这个jQuery，它不会有任何帮助。
$('bod
浏览 2提问于2016-01-21得票数 0
2回答
我想知道如何使我的网站显示与jquery动画，例如
body {
visibility: hidden;
}
我如何使用jquery来创建它呢？
body {
visibility: visible;
}
但是要让它具有动画效果，就像使用
show:"fold"
讲得通?
浏览 5提问于2012-05-08得票数 0
回答已采纳
8回答
我正在尝试动画一个说$233到$250或从250减少到233，我不想取代233由250取而代之的是我想要一种反面的效果，在滚动数字时，缩放效果也是必需的。我是Jquery的新手，任何帮助都将不胜感激。
浏览 0提问于2011-03-24得票数 9
回答已采纳
2回答
带有动画bg的画布文本
、、、
嗨，我发现了不错的效果 -动画文本bg。(动画背景，标题为HYT WATCHES，LE BATAFOR，MAURICE LACROIX)
这个站点使用mootools作为js框架，我想使用JQuery。
，也许有人会给我一些提示，如何产生这种效果？
浏览 8提问于2013-06-19得票数 1
回答已采纳
如果弹出JQUERY效果(如fadeIn、fadeOut、动画或简单的淡出效果到AJAX ModelPopUpExtender (asp.net c#页面))，是否有可能.？
就像单击要显示或弹出此模型弹出式扩展程序的按钮一样，扩展程序将以JQUERY效果出现.
浏览 4提问于2012-02-29得票数 1
2回答
我想相对于另一个元素(ElemB)定位一个元素(ElemA)。因此，我使用jQuery ui位置实用程序来实现此目的，如下所示：
$(elemA).position({my:'right top', at:'left top', of:elemB});
但我希望这个定位是用动画效果来完成的。
如何使用.animate()来完成我的任务？
您可以看到我到目前为止在这个中所做的工作。我想要的elemA滑动到新的位置与动画效果使用jQuery和jQuery用户界面。
浏览 5提问于2012-10-20得票数 4
回答已采纳
2回答
我正在使用这个演示来创建CSS3动画。然而，我的图像是不同大小的，所以我有：
<div id="boules"></div>
然后是CSS：
@keyframes boules{
from { background-position: 0px; }
to { background-position: -1067px; }
}
#boules {
background: url(../images/boules.png) 0 0 no-repeat;
width: 133px;
height: 108px;
anim
浏览 0提问于2014-03-11得票数 0
我刚刚开始学习如何使用jQuery制作动画，对于我遇到的一个小美学问题，我很难找到解决方案(如果有解决方案的话)。
下面是我正在使用的代码：
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script>
$(document).ready(function(){
浏览 0提问于2013-03-22得票数 2
回答已采纳
2回答
我刚刚在jQuery中创建了一个简单的、连续的jQuery，但我觉得代码并没有那么优化，我希望对它进行改进。
var $square = $("#square");
bounce();
function bounce() {
$square.animate({
top: "+=10"
}, 300, function() {
$square.animate({
top: "-=10"
}, 300, function() {
bounc
浏览 1提问于2010-08-31得票数 3
回答已采纳
4回答
我正在动画一个div，但我想给这个动画一些效果，所以我尝试这样做。
$('#slider').stop().animate({"margin-right": '0'}, 'slow','easeOutBounce');
easeOutBounce不是为me.am i工作错了吗？但除此之外，一切都在起作用。
我还尝试了jquery ，如下所示
$('#slider').stop().animate({"margin-right": '0'});
$('#slid
浏览 9提问于2013-06-05得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
