Tag: 动画

Animate.CSS – 添加IE支持？: 我正在使用Animate.CSS，而我正在使用“铰链”效果让图像从屏幕上掉下来。在真正的浏览器中运行良好，但当然不适用于IE 9或更低版本。有没有办法使这个效果与jQuery或javascript一起使用？或者我是否必须添加jQuery过渡以淡出图像？谢谢！码： HTML CSS .fear{ position:absolute; left:150px; top:0px; } #animate { -moz-animation-delay: 5s; -webkit-animation-delay: 5s; -o-animation-delay: 5s; -ms-animation-delay: 5s; animation-delay: 5s; } JS var $j = jQuery.noConflict(); $j(document).ready(function() { $j(‘#animate’).addClass(‘animated hinge’); }); 这是我创建的小提琴，显示动画效果。

jQuery褪色发光特殊文字效果: 我想制作黑色错误信息文字“发光”，红色轮廓在一秒后消失，但是，如果更新，返回“完全发光”并再次开始消失，即使它没有完全消失首先。是否有一个相当简单的jQuery / CSS方法来做到这一点？我认为两种同步衰落技术会相互竞争，异步和全部，我不知道如何产生发光效果，或者甚至可能使用标准样式。

（CSS / jQuery）如何使用jQuery解决top和bottom属性之间的冲突: 有人知道如何通过CSS转换和jQuery将bottom位置转换为bottom位置？我需要更改图像的锚点。我有这个问题。 bottom和top之间存在冲突。编辑：在我的方案中，图像具有100％的屏幕宽度。当窗口resize时，我在JS中有一个代码可以获得图像的新位置。例如，如果我的锚总是“顶部”，在某些情况下，我有这个洞出现几毫秒，如果我设置此时底部而不是顶部，它将解决我的问题。但我在动画中有这个“跳跃”。我做了这个小提琴来理解我的问题。对不起我的英语不好！有人对此有所了解吗？谢谢！

Jquery：使用scrollTop制作动画粘性菜单: 我正在尝试创建一个动画粘性菜单。用户加载页面并且导航是静止的。用户然后向下滚动页面，然后在500像素（滚动原始导航）之后，导航动画进入使用固定定位粘在顶部的页面。我现在正在工作（参见codepen： http ：//codepen.io/chrisyerkes/pen/uoFKl）但是，一旦我向上滚动并重置菜单的位置，下次我向下滚动页面时，它就不再动画了在，只是卡入到位。我想让它像第一页加载/滚动动作一样动画下来。当您向上滚动页面时，看起来属性style =“top：0px”不会被删除，这可能导致问题。我尝试使用removeAttr（）在返回滚动时删除它，但它会一直弹出（自动）。任何想法都会非常感激。谢谢！

jQuery中的复杂动画: 我想在jQuery和Javascript中实现复杂的动画序列。我的计划是沿着由几个x，y坐标描述的路径移动div 。我想知道：如何沿特定路径强制div 如何控制div应该移动的路径。例如，我希望能够控制它到达路径总长度的百分比，并能够使其平滑移动。我还希望能够告诉它立即跳到路径上的不同点，反向并改变速度。是否有插件或类似的东西可以实现这一点。我知道这种东西通常属于flash，但这不是一个选择。

在视口中设置动画元素: 正如目前在很多网站上看到的那样，我希望在进入视口或从视口等100px时对元素执行某些操作。我一直在寻找年龄，但到目前为止没有任何工作。我有一个500px高和100％宽度的元素列表。我没关系动画等以及我将要做些什么，只需要一些帮助触发然后当他们进入视野时。我的目标是为元素提供一类动画元素，然后能够使用该类来检查它是否在视图中。伪代码： $(window).on(‘scroll’, function() { if (element is in the viewport) { $(this).doSomething(); } }); 我似乎很懒，但我一直在寻找太久而没有成功。任何以前的尝试都会在常量滚动时始终触发，因此即使视口中的元素为no并且我正在设置控制台日志，当滚动一点点时我也会有100个日志。

如何在动画结束时创建活动？: 1 – 动画结束时如何创建事件？用css3写的动画 2 – 如何仅在浏览器中加载所有数据时播放动画？你可以看到许多Thx。演示jsFiddle

使用jquery为html元素文本的每个字符设置动画效果？: 我想使用jquery为从html元素中获取的文本字符串设置动画： Animate 对于jquery部分： $(document).ready(function() { $( “h1” ).animate({ fontSize: “90px” }, 1500 ) .animate({ fontSize: “50px” }, 1500 ); }); 这会动画整个h1文本值，但我想为h1文本中的每个字符设置动画。第二个jquery部分： $(document).ready(function () { var animateChar = $(“h1”).text(); for(i=0; i<animateChar.length; i++) { //alert(i + ': ' + animateChar.charAt(i)); // for every animateChar.charAt[i] want to run this //jquery animation. //$( "h1" ).animate({ fontSize: "90px" }, […]

将Sidr菜单与动画汉堡包按钮相结合: 我的测试页面 https://osticketawesome.com/support/awesome/inc/test.html 我正在尝试将汉堡包菜单与Sidr jQuery插件相结合，以创建侧面菜单。它在Chrome，FF，IE和Edge中完美运行，但在我测试过的移动浏览器（Android / Chrome和iPhone / Safari）中，菜单切换但按钮仅在按下按钮的外边缘时才会动画。 toggle menu $(document).ready(function() { var toggles = document.querySelectorAll(“.c-hamburger”); for (var i = toggles.length – 1; i >= 0; i–) { var toggle = toggles[i]; toggleHandler(toggle); }; function toggleHandler(toggle) { toggle.addEventListener( “click”, function(e) { e.preventDefault(); (this.classList.contains(“is-active”) === true) ? this.classList.remove(“is-active”) : this.classList.add(“is-active”); }); } $(‘.c-hamburger’).sidr({ name: […]

img 上的动画最大宽度: 我试过找一个解决方案，但找不到任何好的东西。我正在为我的一个朋友定制一个博客。当它加载时，我希望每个post中的所有img都具有150px的最大宽度和最大高度。当用户按下img时，max-values应该增加到500px，这很容易。我的代码的问题是我无法在其上获得动画，这是我想要的。有帮助吗？ var cssObj = {‘max-width’ : ‘500px’,’max-height’ : ‘500px;’} $(“img”).click(function(){ $(this).css(cssObj); });