Tag: jquery animate

Javascript发光/脉动效果停止点击: 我有以下Javascript使文本链接连续发光/脉动。此链接显示同一页面的另一部分，因此我希望一旦用户点击它就停止。 $(document).ready(function() { function pulsate() { $(“.pulsate”).animate({opacity: 0.2}, 1200, ‘linear’) .animate({opacity: 1}, 1200, ‘linear’, pulsate); } pulsate(); }); 所以基本上，我只需要知道我需要在这里添加什么，以便一旦点击它就会停止效果。如果再次单击相同的链接，页面的显示部分将隐藏 – 在第二次单击后再次启动效果是否太麻烦？我期待着你们好人的回答。斯科特。

为什么缓慢的jQuery动画起伏不定？: 我在谷歌搜索这个问题时遇到了困难，因为我能找到的大部分内容都是关于动画本来应该很快但行动缓慢的动画。我的问题是关于一个我希望持续时间长但仍然流畅的动画。我已经创建了这个jsfiddle来演示这个问题： http ： //jsfiddle.net/93Bqx/ 我试图让一个元素随着时间的推移慢慢移动到另一个位置。但动画非常不稳定。基本上，它归结为这样的事情： $elem.animate({ left: x, top: y }, someLargeNumber); 我想知道问题是动画是否太慢以至于每一步都小于一个像素，所以它将它们四舍五入为0或1使它看起来像是丢帧然后一次移动。但我不知道如何检查或解决这个问题。有没有更好的方法来做慢动画，所以他们是顺利的？我有一个类似的用CSS3创建并且翻译（x，y）很顺利但不幸的是我需要比我认为可以用CSS获得更多的灵活性。

jQuery动画“text-shadow”css属性: 因此，当我使用jQuery的.animate()方法时，我已经了解到为了给左边距设置动画，你必须使用这样的东西： $(‘#thing’).animate({marginLeft: 20}, 1000); 这与使用css属性margin-left: 20px; 我如何在animate()使用text-shadow属性？

向后和向前滚动jQuery动画: 我正在制作一个五人制足球（室内足球）教练应用程序，允许教练在屏幕上添加玩家，设置他们的移动方向（通过使用HTML5canvas绘制箭头），然后按“播放”移动屏幕上的所有玩家。玩家由具有玩家背景图像的div组成。使用jquery .animate()函数完成动画。我所做的只是更改玩家div’s left和top css位置属性。我想做两件事，不确定如何做到这一点：我想创建一个jQuery滑块，并在动画发生时以递增方式移动它。我猜我会通过在开始之前计算动画的总长度来做到这一点吗？我想将jQuery滑块向前和向后移动 – 以反转动画并在需要时暂停它。这是可能的，因为我们正在为动画移动div，而不是进行逐帧序列动画。

jQuery animate（）通过向左和向右滑动来隐藏和显示元素: 我正在尝试使用jQuery动画一些东西。 UPDATE 我按照我想要的方式工作。这是jQuery： $(document).ready(function() { // go chat button $(‘#go-chat input’).click(function() { $(‘#search, #go-chat’).animate({width: ‘0px’}, 1000, function() { $(this).hide(); $(‘#login, #go-search’).animate({width: ‘573px’}, 1000, function() { $(this).show(); } ); } ); }); $(‘#go-search input’).click(function() { $(‘#login, #go-search’).animate({width: ‘0px’}, 1000, function() { $(this).hide(); $(‘#search, #go-chat’).animate({width: ‘573px’}, 1000, function() { $(this).show(); } ); } ); }); }); […]

jQuery多个animate（）回调: 我试图同时动画一组元素（几乎每个动画之间有一个小的延迟）： $(‘.block’).each(function(i){ $(this).stop().delay(60 * i).animate({ ‘opacity’: 1 }, { duration: 250, complete: mycallbackfunction // <- this fires the callback on each animation 🙁 }); }); 所有动画完成后如何运行回调函数？

如何同时运行多个jQuery动画？: 因为我们两者之间存在差异，我希望它们能够在同一时间运行。这是代码： $(selector1).animate({ height: ‘670’ }, 2000, function() { // Animation complete. }); $(selector2).animate({ top: ‘670’ }, 2000, function() { // Animation complete. });

使用jQuery动画化CSS变换: 我正在尝试为div设置动画，让它围绕y轴旋转180度。当我调用以下代码时，我得到一个jQuery错误： $(“#my_div”).animate({ “transform”: “rotateY(180deg)”, “-webkit-transform”: “rotateY(180deg)”, “-moz-transform”: “rotateY(180deg)” }, 500, function() { // Callback stuff here }); }); 它说“Uncaught TypeError：无法读取未定义的属性’defaultView’并且说它在jQuery文件本身中……我做错了什么？

Jquery – hover时将图像高度和宽度扩展20％: 晚上所有 – 什么是动态访问图像高度和宽度的最佳方式。我想在周围的divhover时添加20％的图像宽度和高度以及动画，我想我需要使用’this’，但不知道如何访问图像。任何帮助都很受欢迎。干杯保罗

基本的jQuery动画：Elipsis（三个点顺序出现）: 我需要的：我需要一个动画的elipisis（…），一个点出现在另一个之后。动画需要循环。我想通过jQuery实现这一目标动画序列：第1帧：等待您的选择第2帧：等待您的选择。第3帧：等待您的选择.. 第4帧：等待您的选择…… 我尝试过的：我一直在研究一个插件来闪烁文本和脉动.effect（）。我的问题：有没有人对最简单，最可靠的方法有任何建议？我很乐意被指出一种技术或function。