Tag: jquery animate

动画CSS显示: 有没有办法在jQuery中设置CSS显示属性的动画？我有以下内容： $(“.maincontent”).css(“display”,”block”); 并希望它做这样的事情： $(“.maincontent”).animate({“display”: “block”}, 2500);

jQuery片段用动画交换两组元素: 是否有一些jQuery代码用动画交换2组元素？我只发现使用jQuery将移动列表项置于无序列表的顶部，但它太有限（只有滑动元素到顶部而不考虑不同的边距）。

jQuery动画切换: 这是一个非常直接的问题。我在页面上基本上有一个div块，当点击时，它的大小会增加，再次点击时会返回到原来的状态。我的问题是它似乎根本不起作用。另外，我确信在两个动画状态之间切换的方式要比这样的if语句更清晰，但是我不确定如何去做。 $(document).ready(function(){ var toggle = 0; $(“.login”).click(function(){ if($toggle == 0){ $(this).animate({ height: ‘200’, }, 500, function(){ }); $toggle = 1; } else if($toggle == 1){ $(this).animate({ height: ‘100’, }, 500, function(){ }); $toggle = 0; } }); }); 相应的HTML代码很简单 Click Me 如果还有其他需要，请告诉我。

jQuery切换点击: 假设我在点击时需要一个元素来制作动画。要做到这一点，我只是： $(‘#header .icon’).click(function() { $(‘#header form’).animate({width:’195px’}); }); 但是我怎么做才能当我再次点击该元素时会发生相反的动画？（例如动画宽度：0px;）

使用与IE7 / 8兼容的jquery旋转图像: 我尝试了很多方法/插件，最吸引我的是jquery.rotate 但是，它在Internet Explorer 7和8中不起作用（至少对我而言）（图像刚刚消失）。我的目标是将图像hover并使它们为旋转设置动画，它可以在Safari + Firefox中运行，但不适用于IE。有没有办法实现这一点，并与大多数浏览器和IE 7和8兼容？编辑：最后，事实certificate，jQuery Rotate和Raphaël都可以在IE 7和8中运行！直到今天，我还没有机会在真正的IE上测试它们。我在IE Collection（http://utilu.com/IECollection/）上进行测试，他们肯定不能在那些模拟的IE中工作，真糟糕！

强制jQuery动画使用整数值: 有没有办法（保持前向兼容性）强制jQuery动画在动画中只使用整数值？我正在设置元素的宽度。 … 在动画制作过程中，我会检查检查器中的元素，并且通常该值具有hex的大量粒度。 … 一旦达到目标，它只会“平息”整数。 … 通常我不会为此烦恼，因为它显然是function性的。但是，在这个项目中，我必须始终保持像素完美，并且我担心使用小数像素宽度（或以像素为单位测量的任何其他属性）会在浏览器之间呈现不一致。我知道一个人的letter-spacing 。有没有办法确保即使在动画中间jQuery也只使用无十进制值？编辑：我觉得我应该澄清; 我不只是使用.animate({width:50}) 。我的大多数动画都是jQuery UI .show()和.show() s，而我正在寻找的解决方案显然也适用于那些。

jQuery – 随机化框并在窗口加载时为它们设置动画: 在下面的图片中我正在尝试构建：想法是在整个页面加载之前隐藏所有框。然后他们应该在浏览器视口附近设置随机位置，然后需要动画它们（框）以移动到正确的位置。框在CSS中具有绝对位置，我的想法是当窗口加载以将初始位置放在变量中，然后随机化框的位置，然后最终将其移动到起始位置。希望我很清楚:) 这是我目前的设置： http ： //jsfiddle.net/HgMB4/ 您会注意到我在窗口加载时缺少代码，因为我不确定如何将框动画到其初始位置。 $(window).load(function(){ //Huh! What to write here to animate boxes to their initial positions set by CSS? });

使用jquery在圆圈中旋转多个图像: 我需要使用jquery在同一轨道圆圈中旋转多个图像。我更改并延迟了两个图像的时间间隔。问题是图像在几秒钟后重叠。我的代码是 var p = 0; function moveit() { p += 0.02; var r = 135; var xcenter = 500; var ycenter = 200; var newLeft = Math.floor(xcenter + (r * Math.cos(p))); var newTop = Math.floor(ycenter + (r * Math.sin(p))); $(‘#friends’).animate({ top: newTop, left: newLeft, }, 10, function() { moveit(); $(‘#friends2’).animate({ top: newTop, left: […]

在非活动选项卡中Javascript / Jquery计时出错: 我最近承担了在Javascript / jQuery中构建动画的任务。动画由围绕伦敦地图移动的圆圈组成。每次通过一个电台时，电台名称都带有下划线。我仍在努力改进它，并注意到当标签处于非活动状态时，如果在返回页面时混淆了序列的时间。因为我将它嵌入到iframe中当我使用$(window).focus()或$(window).blur()时它似乎不起作用。我使用jQuery动画函数为圆圈设置了动画，并简单地在文本下的所有行上设置了不透明度0并为它们添加了延迟，以便将不透明度设置为100.我在下面放了一个链接来显示动画，因为它是。我目前正在调整动画的问题，但我不知道如何修复非活动标签问题。任何帮助都会很棒。无框架： http ：//www.gbutlercreative.co.uk/london/index.html 框架 http://www.gbutlercreative.co.uk/london/frame.html

JQuery如何做动画？: JQuery是用Javascript编写的。作为对每个人都知之甚少的人，我不得不想知道他们是如何写出一些的。你如何在纯Javascript中动画HTML元素？是否只是使用标准DOM操作重复更新要动画的CSS属性，并使用回调使其异步？还是更复杂的东西？