Tag: jquery animate

当另一个动画向上移动时，jQuery动画一个Div向下移动: 我的页面上有3个div，A，B和C.当我点击AI时，它希望它向上移动200px并添加“活动”类，当我再次点击它时，它会向下移动并移除活动类。我已设法做到这一点，但是，我现在需要这样做，所以只有一个div处于活动状态，所以如果一个div启动（或“活动”）并且我点击另一个，则“活动”div首先向下移动然后向下移动另一个div向上移动。例如，如果A处于活动状态且我单击B，则A必须先向下移动然后B向上移动。这是我移动div的代码（你会看到还有一个“close_A”元素，它只是一个关闭div的十字架）： $(document).ready(function() { // OPEN AND CLOSE A // $(‘.A’).toggle(function() { $(‘.A’).animate({ top: ‘-=200’ }, 1000).addClass(‘active’); },function() { $(‘.A’).animate({ top: ‘+=200’ }, 1000).removeClass(‘active’); }) $(‘.close_A’).click(function() { $(“.A”).click(); }); // OPEN AND CLOSE B // $(‘.B’).toggle(function() { $(‘.B’).animate({ top: ‘-=200’ }, 1000).addClass(‘active’); },function() { $(‘.B’).animate({ top: ‘+=200’ }, 1000).removeClass(‘active’); }) $(‘.close_B’).click(function() { $(“.B”).click(); […]

使用jQuery加速: 我试图在我的浏览器的重力作用下创建一个自由落体效果。基础物理学应该告诉你，身体越多（在这种情况下是一个div），它的速度就越快。任何想法如何实现这一点？基本上，物体的速度应始终等于“at”。其中t =时间段且a =加速度= 9.8。

Jquery：如何同时进行连续和同时动画: 我想要一个屏幕元素（其ID为#sign1 ）以正弦波移动。为此我需要连续向上和向下’摆动’，同时它同时向右移动。但我并不真正了解队列，这对于连续的动画来说是非常必要的。我可以同时做2 个动画。。。例如，同时向上和向右移动，通过将queue: false放在两者上，我可以做两个连续的动画，。。。例如，向上移动，然后向下移动，通过链接.delay(1000).queue(function(n) {在它们之间。。。但我似乎无法做三次或更多连续摆动，同时向右移动。在下面，你看，我可以得到2次向下摆动，跳过它们之间的向上摆动，这奇怪地不起作用。此外，这是它的小提琴： JS小提琴使用Javascript //MOVE RIGHT FOR 7 seconds: $(“#sign1”).animate( {left: ‘+=80%’}, { duration: 7000, queue: false } ); //WOBBLE DOWN for 1 second $(“#sign1”) .animate( { top: ‘+=15%’}, { duration: 1000, queue: […]

如何获得默认外观: 这是对之前发布的问题的跟进。点击这里打开它我现在有以下代码，但我无法获得似乎采用默认边框和填充的第二个按钮。请帮忙。谢谢。 $(document).ready(function(){ $(“button”).click(function(){ $(“#b1”).animate({width:’0px’, padding:’0′, border:’0′}, { duration: 1000, queue: false }); $(“#b2″).animate({width:’200px’, padding:””, border:””}, { duration: 1000, queue: false }); }); }); button { min-width:0px; height: 22px; width: 200px; } #b2 { width: 0px; padding: 0; border: 0; } Start AnimationAnimation Done

如何创建简单的图像滑块/手风琴？: 在wordpress页面中有一个垂直图像插件.. 我想要一个网页，如下所示：在这里有一个主面板产品。并有手风琴图像.. 只有10％的图像是可见的..但是onclick图像1它应该扩展100％，如下所示：而主要的是……这些图像用户应该能够放入WP页面静态它可能..如图所示但我希望它在页面中编辑或..某些方式..可能在一个文件夹.. 可能吗？有插件可以帮助我吗？或者，如果我需要编码，那么任何人都可以给我相同的想法…？

Chrome中的Jquery字体大小动画问题，太滞后了: 我开发了一个小脚本，使用Jquery和animate（）函数制作类似于它们的文本。在IE和FireFox中一切都运行良好但在Chrome上非常滞后，就像它丢失帧一样。您可以在这里测试并使用代码： http ：//jsbin.com/ehahoc/7/ 非常感谢！

jQuery – 在hover时连续滚动div: 我希望建立一个内容架子，就像在Netflix上一样，当你将鼠标hover在两端的箭头上时，架子会以连续的速度滚动。理想情况下，我也想这样做，当你单击箭头时它会向上滚动一个块，所以你可以选择点击像是快速通过一个架子。这将使用延迟加载，因此您不必担心重复内容，但显然它将没有设置宽度（除了外部容器100％溢出滚动。此外，这需要实际上可滚动，因此它将适用于平板电脑/手机。我不知道在这里开始所以任何方向都会很棒。谢谢，杰克！ netflix架子的图象。

jQuery动画边框: 嗨，我试图动画输入的边框，但无论我如何放置边框，它似乎似乎没有动画。我目前的代码： $(this).animate({border : ‘1px solid #f00’}, ‘slow’, ‘linear’);

jquery动画运行滞后: 我正在尝试创建一个闪烁的箭头。但是，当我在不同的浏览器中执行此脚本时，它的行为很糟糕。 IE表示内存不足，Chrome会滞后一秒然后表现不错，而在firefox中动画很粘。希望有人可以找到一种方法，让我可以顺利地为闪烁的箭头制作动画。谢谢 aniPointer($(‘#arrow’)); function aniPointer(point) { point.animate({opacity: 1.0}, {duration: 300}) .animate({opacity: 0.2}, {duration: 700}) .animate({opacity: 0.2}, {duration: 300}) .animate({opacity: 1.0}, {duration: 300, complete: aniPointer(point)}) }

jQuery在hover时调整div框: 我有两部分代码，做3件事：仅调整6个.boxes div中的一个（使用它的文本内容）制作未选中的透明.box div 显示隐藏。更多跨度码： $(‘.content_area div’).hide(); $(function(){ $(‘.box’).bind(‘mouseover’,function() { $(this).addClass(‘up’); $(‘.box’).not(‘.up’).fadeTo(‘normal’,0.2); }); $(‘.box’).bind(‘mouseout’,function() { $(‘.box’).removeClass(‘up’).fadeTo(‘normal’,1); }); }); initwidth = $(‘.box’).width(); initHeight = $(‘.box’).height(); $(‘.box’).hover(function(){ $(this).children(‘.more’).show(); $(this).stop().animate({width: ‘220’, height: ‘140’},{queue:false, duration:’fast’}).css(‘font-size’, ‘1.2em’); }, function(){ $(this).children(‘.more’).hide(); $(this).stop().animate({width: initwidth, height: initHeight},{queue:false, duration:’fast’}).css(‘font-size’, ‘1em’); }); 但有些事情是错误的。只有第一个盒子工作得很好，但是在resize时它不会掩盖其他盒子。它的影响你可以在这里看到： jsFiddle 我的问题是：是否有可能统一这些代码并使其有效？： – [