Tag: jquery animate

IE和FF中的Jquery动画scrollLeft错误: 我尝试动画水平滚动，但在IE和FF中得到一个小问题，当点击滚动时，得到一个“闪光”看起来像以前的div的幽灵。很难用文字解释，请参阅http://amplabusca.org/teste2/ementa.php中的示例为什么会这样？

jQuery调用CSS3版本的stop（true，false）和来自事件的动画？: 任何人都可以告诉我如何使用CSS3来做到这一点？ http://jsfiddle.net/dYYZP/65/ 我一直试图找出如何通过事件调用CSS3转换并停止转换，如jQuery的stop(true, false)数月。 var under = true; $(“#outer”).bind({ click : function() { if(under){ $(“#inner”).stop(true, false).animate( { left: 50 }, 500); } else{ $(“#inner”).stop(true, false).animate( { left: -50 }, 500); } under = !under; } });

JQuery：儿童在父母大小的动画上消失了: 在这个分层图的简化版本中，子元素在其父级的动画大小时消失。有什么办法可以防止这种情况吗？ div { position:absolute; width:40px; height: 40px; background: #f00; } $(document).ready(function (e) { $(‘div’).hover(function (e) { e.stopPropagation(); $(e.target).animate({ width: “100px”, height: “100px” }, 400).children(‘p’).fadeIn(1000); }, function (e) { e.stopPropagation(); $(e.target).animate({ width: “40px”, height: “40px” }, 500).children(‘p’).fadeOut(200); }); });

动画jQuery scrolltop: 我在jQuery中有一个scrollTop函数，但我无法为其设置动画。可能吗？ $(“.loadmore”).click(function() { $(this).toggleClass(“up-arrow”, 1000); $(window).scrollTop($(‘.docs’).offset().top, 2000); });

预加载iframe: function toggle(){ $(“#tempc”).toggle( function () { $(“#tempc”).animate({width: 255, height: 220}, 1000); $(“#tempc”).html(“”); $(“#tempc”).css(“background-color”, “transparent”); $(“#tempc”).html(“Sluit”); }, function () { $(“#tempc”).animate({width: 50, height:50}, 1000); $(“#tempc”).html(“”); $(“#tempc”).css(“background-color”, “#FFFF00”); $.get(‘src/stream.php?stream=2’, function(data002) { $(‘#tempc’).html(data002); }); } ); } $.get(‘src/stream.php?stream=2’, function(data002) { $(‘#tempc’).html(data002); }); Hello stackoverflow，前一段时间我正在尝试动画一个div，好吧，它现在只有一件事。第一个函数被激活时（从第3行开始），iframe被加载。但是现在，我怎么能预加载那个iframe？因为动画结束时iframe没有加载… 问候

iPad / jQuery.animate（滚动）问题: 我有一个页面，使用jQuery.animate滚动文档的正文/ html，它在浏览器中工作正常但只是不会与iPad玩球。首先它应该在Y方向上滚动然后在X上滚动，但是在iPad上它在Y中滚动，然后它在向X方向滚动之前跳回到原始位置。动画完成后，除非您手动滚动页面，否则用于导航的链接将停止运行，然后它们将再次运行！我在这做错了什么？这个页面在这里找到…… 菲利，提前谢谢。

将csshover转换为jqueryhover: 我正在建立一个hover效果的网站。请参阅http://vitaminjdesign.com/index.html并查看右下角的服务部分。我正在使用：hover以更改背景颜色。我想使用jquery以优雅的淡入淡出来实现相同的效果。这是我的HTML： Website Design （用不同的图像和文字重复6次）基本上，当.iconrow被翻转时，我希望背景从无变为背景颜色：#cccccc; 当它滚落时，回到没有。

如何在jQuery动画中连续旋转孩子？: 我有一个带有’bannergroup’类的div，它包含多个div’banneritem’。我希望这些项目可以旋转（淡入然后淡出）代替彼此。我可以使用类bannergroup有几个div，每个div应该单独旋转。这是HTML： Only visible one at a time Only visible one at a time Only visible one at a time Only visible one at a time Only visible one at a time Only visible one at a time Only visible one at a time Only visible one at a time 我的Jquery看起来像： $(‘.banneritem’).css(‘display’, ‘none’); […]

使用jQuery动画时丢失hover（不移动鼠标）: 我有这一行缩略图，我用jQuery动画。这些缩略图中的每一个都有一个hover和活动类。它们工作正常但是当我为列表设置动画时，鼠标光标下的新缩略图不会应用hover？每次点击后我都要移动鼠标一点点？这有点难以说明..我在这里做了一个小提琴： http ： //jsfiddle.net/nZGYA/ 当您在不移动鼠标的情况下开始点击拇指3后，您会看到我的意思… 它在FireFox中运行良好，而不是Safari，Chrome，IE等。我可以做些什么吗？这里参考我的代码： .container { position: relative; overflow: hidden; width: 140px; height: 460px; float: left; margin-right: 100px; background: silver; } ul { position: absolute; top: 10; list-style: none; margin: 10px; padding: 0; } li { margin-bottom: 10px; width: 120px; height: 80px; background: gray; } #list-2 li […]

jQuery Animate顶部（从下到上）: 我试图为Div设置一个top:275动画top:275 。我尝试过.animate( {marginTop: -820 }但是在每个屏幕上它都会结束到不同的位置。所以我将marginTop更改为.animate( {top: 275}但是div从上到下（滑动）。请注意，所以我可以使用animate:top我必须将div设置为position:absolute动画。。。是否有任何hackyway使顶部从底部向上或使marginTop在每个屏幕分辨率上与顶部的距离相同？（我认为margintop无法解决，因为即时设置保证金最高至-820以获得最高点：275，因此屏幕小于1200px高度，div将会更高……）这是我的代码： $(“#features”).fadeIn() .css({ position: ‘absolute’ }).animate({ top: ‘275’ }, function() { //callback });