Tag: jquery animate

为什么我不能为backgroundPosition设置jquery 1.4.4的动画？: 我在这里看到jquery 1.5.0中缺少backgroundPosition动画是一个已知的bug。它还没有修好吗？看看这个jsfiddle ，在jquery 1.4.4中使用backgroundPosition动画，然后查看这个，看看它甚至在jquery 1.7.1中都不起作用。什么时候他们要解决这个问题？我想知道，因为我刚在Chrome控制台中看到一条警告说： event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。我担心我将继续使用jquery 1.4.4来制作动画function，但Chrome会在下次更新时提取function。 UPDATE 接受的答案是，使用background-position-x和y的想法不适用于Firefox。现在我将不得不回到1.4.4，直到找到更好的解决方案。

为什么jQuery必须接收2个对象：使用动画滚动整个页面时的body和html？: 在我在网上用jQuery动画滚动页面的所有教程中，我发现他们中的大多数都使用以下代码来做到这一点： $(“html, body”).animate(…. 我试图找出为什么需要动画2个物体：html和身体，但不是运气。我可能认为需要涵盖所有主流浏览器…但为什么真的，有人可以解释一下吗？

如何在此脚本中修复IE ClearType + jQuery不透明度问题？: 我有一个相当普遍的问题（或者似乎，经过一些谷歌搜索…）与IE混淆粗体文本和透明pngs同时使用jQuery动画不透明度。您可以在此处查看示例： http ： //dev.gentlecode.net/dotme/index-sample.html （显然只出现在IE中）我看过一些博客post说修复是删除filter属性但是我不知道如何将它应用到我正在使用的脚本，因为我从教程中得到它并且仍在学习jQuery … 该脚本如下： $(‘ul.nav’).each(function() { var $links = $(this).find(‘a’), panelIds = $links.map(function() { return this.hash; }).get().join(“,”), $panels = $(panelIds), $panelWrapper = $panels.filter(‘:first’).parent(), delay = 500; $panels.hide(); $links.click(function() { var $link = $(this), link = (this); if ($link.is(‘.current’)) { return; } $links.removeClass(‘current’); $link.addClass(‘current’); $panels.animate({ opacity : 0 }, delay); $panelWrapper.animate({ […]

动画jQuery高度百分比: 当我试图制作百分比动画时，它不是动画，而是立即扩展到整个高度。我希望它扩展到100％，但顺利 CSS： #block-views{ overflow:hidden; height:20px; } HTML： 1 2 3 4 5 6 7 8 9 10 Load more Jquery代码： $(function() { $( “.loadmore” ).toggle( function() { $( “#block-views” ).animate({ height: “20px”, }, 1000 ); }, function() { $( “#block-views” ).animate({ height: “100%”, }, 1000 ); } ); }); 当我点击加载更多时，它会立即扩展到100％，而不是平滑，但是当我第二次点击它时，它会将大小平滑减小到20像素。我尝试在Chrome的检查器工具中观察扩展过程，我可以清楚地看到百分比正在顺利添加，但数字不是整数，Chrome似乎无法识别它。我怎么解决这个问题？

如何使用jquery在hover时旋转图像？: 我试图在hover时将“回到顶部”按钮旋转360度而不在鼠标上旋转。我已经尝试过多种jQuery代码，但我仍然无法让它工作。这是我到目前为止所处的真实例子（CSS也在图像之间hover）。我已经尝试将jQuery更改为mouseenter ， mouseover ， hover以及包含和省略; rotate数后，无济于事。这是一个简单的jQuery语法错误，我正在制作？ HTML： CSS： .scrollup { width: 45px; height: 45px; display: block; margin-left: auto; position: relative; cursor: pointer; } .scrollup img { position: absolute; } .scrollImg2 { opacity: 0; } .scrollup:hover > .scrollImg1 { opacity: 0; } .scrollup:hover > .scrollImg2 { opacity: 1; } JQuery的： $(“.scrollup”).mouseover(function() { […]

在Scroll jQuery上执行函数: 我误解了scroll（）函数。如果主窗口向上或向下滚动，我希望如果面板打开则执行一个function。这是我的代码什么都不做。 if(‘#specsallA:visible’).scroll(function(){ $(‘#specsbar’).animate({ width:’190px’ }, ‘500’); $(‘.products’).animate({ width:’168px’ }, ‘500’); $(‘#specsallA’).hide(); $(‘#specsall’).show(); }); 有任何想法吗，奇妙

帮助自定义jquery缓动function: 我需要一个非常典型的jquery缓动函数。它基本上与传统的easeInOut缓动相反，因为我希望这个过程从快速介绍到较慢的中间部分再到快速的outro（你可以称之为speedInOut）。不幸的是，我的数学有点生疏，我需要有人指出我如何开始的正确方向。双曲线的正弦曲线（sinh）在我正在寻找的方向上有所改变，但我需要它在两个轴上限制在0和1之间。这是我正在使用的jquery缓动函数框架 $.easing.speedInOut = function(t, millisecondsSince, startValue, endValue, totalDuration) { if(t = 0) return startValue; if(t = 1) return startValue + endValue; // custom function should go here }; 任何帮助将不胜感激！

每个类元素的简单jquery .hover（）方法: 没有做太多的jquery并遇到了问题。我想用类.social-tile绑定所有div的hover事件。我是这样做的： $(function(){ var social_default = $(‘.social-tile’).css(‘margin-right’); $(‘.social-tile’).each(function(){ $(this).hover(function(){ $(this).animate({ ‘margin-right’: ‘0px’ },500); },function(){ $(this).animate({ ‘margin-right’: social_default },500); }); }); }); 当我将鼠标hover在一个元素上时，会触发所有div的动画，并且它们一次全部移动。我想只为我hover的特定元素制作动画。可能这里有一个非常简单的解决方法，谢谢。

jQuery Animate没有处理background-color属性: 我正在使用jQuery .animate()函数，并最终尝试根据用户滚动的像素数更改其中一个div的background-color 。令我惊讶的是，它没有用。我尝试使用.css()函数，它运行良好。请参考底部的jsFiddle链接。有人可以向我解释为什么会这样吗？ jsFiddle链接： https ：//jsfiddle.net/ag_dhruv/cb2sypmu/

JQuery替换元素w /左侧滑动效果: 目前我正在使用fadeOut动画效果替换div元素的内容。 $(‘#divID’).fadeOut(‘slow’, function(){ $(this).replaceWith( $div ); }); 替换div元素的内容时，如何实现slide to left效果？