Tag: jquery animate

jQuery动画，不流畅

你有一个想法，动画猫如何移动更顺畅？ 这是口吃，我不知道如何设置它更顺畅。 jQuery.fx.interval没有帮助 http://christianhaller.com/jquery-animate-img.html thx，christian

使用jQuery动画文本的不透明度时，修正IE Cleartype / Filter问题

嘿所有，我有一个IE的问题，似乎是一个相当已知/常见的错误。 我有一个图像幻灯片放映我在jQuery中构建，在其他浏览器中完美运行。 然而，在IE中，一旦幻灯片放映运行一次，我遇到了一个文本被消除锯齿的问题。 也就是说，如果幻灯片放映中有三个图像，那么这三个图像中的每一个都会第一次出现在文本中，文本会正确呈现。 但是，一旦幻灯片放映循环文本就会变成消除锯齿。 我已经阅读了这篇文章，并浏览了无数博客，了解如何最好地纠正它。 我遇到的最常见的修复方法是在不透明度为100％时删除filter属性，如下所示： $(‘#sample’).animate( {opacity:1.0}, 500, function() { $(this).css(‘filter’,”); } ）; 这似乎应该有效。 但由于我仍然不是jQuery大师，我很难找到我应该在我的代码中实现这一点的地方。 在我试过的任何地方，要么停止幻灯片放映工作，要么将其放大并导致所有图像一次显示在页面上下。 以下是我正在使用的代码，我非常感谢你们给我的任何帮助，指出我正确的方向。 谢谢！ if(options.fade === true) { $(“ul”,obj).children().css({ ‘width’ : $(“ul”,obj).children().width(), ‘position’ : ‘absolute’, ‘left’ : 0 }); for(var i = $(“ul”,obj).children().length -1, y = 0; i >= 0; i–, y++) { $(“ul”,obj).children().eq(y).css(‘zIndex’, i + 99999); } fade(); […]

jQuery：为什么li元素上的click事件不起作用？

当点击li元素时，我想移动Div元素“nav”。 我在div中有一个List Flyer Code Angebot Bilder 为什么这不适用于jquery： $(“#nav ul li”).click(function(){ $(“#nav”).animate({ marginLeft: “-300px”, }, 1000 ); });

jquery .animate（）碰撞检测

我正在使用animate在div网格中移动div。 作为测试，我将一些网格div设置为障碍。 如果动画div与我想要结束动画的其中一个障碍相撞。 插件很好或代码片段。 我有点怀疑我用.animate（）嗅探错误的树，所以任何正确方向的推动或我正在做的改进都会受到赞赏： Game Test //set up a var for the cube to check to see if it is moving var move = true; //set up gameBoard parameters var minX = 100; var maxX = 1000; var minY = 200; var maxY = 500; $(document).ready(function(){ $(“.mapGrid”).click(function() { //get the locations of all the […]

如何使用jquery animate滚动到元素跨浏览器

这段代码： jQuery(‘body’).animate({scrollTop: target.offset().top}, 300); 适用于Firefox，但不适用于Chrome。 这段代码： jQuery(‘html’).animate({scrollTop: target.offset().top}, 300); 适用于chrome，但不适用于Firefox。 我还没有在IE中测试过。 跨浏览器的正确方法是什么？ 如果从上面的片段中不清楚，我的目标是页面上的div，我想慢慢向下滚动到它，所以他们完全按照我想要的那样做…只是不跨浏览器。

自动动画DIV

http://jsfiddle.net/AndyMP/fVKDy/ 这个小提琴说明了我试图解决的问题。 容器DIV容纳两个动画的DIV。 第二个DIV的高度比第一个低，因为内容较少。 我想要做的是让底部DIV根据第二个DIV中可见内容的高度自动向上滑动。 但是它在第二个DIV上滑动了。 有关如何解决这个问题的任何想法？ $(function() { $(“.left_slide”).click(function() { $(“.block1”).stop(true, true).animate({ left: -400 }, 500).hide(1000); $(“.block2”).stop(true, true).animate({ left: 0 }, 500); }); }); $(function() { $(“.right_slide”).click(function() { $(“.block2”).stop(true, true).animate({ left: 400 }, 500); $(“.block1”).stop(true, true).animate({ left: 0 }, 500); }); }); CSS #blog_slide_container { position: relative; width: 400px; z-index: 5; overflow: hidden; border: […]

使用jquery切换（）animate（）

这是一个非常简单的问题。 我基本上知道我想要什么，怎么做，我很不确定哪个选择器在某个部分使用。 如果我拿走toggle（）函数，动画工作正常，但它只能打开菜单，而不是关闭它。 这是我的jquery代码 $(document).ready(function(){ $(‘#menu_button’).click(function(){ $(????).toggle(function(){ $(‘.sidebar_menu’).animate({left:’0′}, ‘slow’); $(‘.wrapper’).animate({‘margin-left’:’250px’}, ‘slow’); }); }) }); 这是我的页面代码： Menu 1. Escolher produto Entradas Peixe Saladas 2. Preencher dados 3. Finalizar pedido menu 而我的CSS： html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, […]

将数据插入div时，IE8强制执行兼容模式

我整天都在与IE8的兼容模式进行斗争，而且我正准备对它进行抨击。 我有一些代码，它使用jquery 1.2（是的，它是旧的 – 不能改变它），在我们的网络应用程序中搜索一些记录。 可以单击搜索结果以查看记录的内容（通过使用.animate（），它在行下面打开一个空格，并在下面创建另一个TR并从json feed插入HTML数据）。 在IE8中，单击结果以查看内容会强制它在兼容模式下重新加载，在所有其他浏览器（IE7，FF3.0 +，Chrome，Safari）中它可以正常工作。 我一直在尝试使用IE8的开发人员工具栏来调试和追踪发生这种情况的原因，但我无法找到任何错误或任何可能导致错误的证据。 显示预览的代码： // Code that binds a click to open the result preview: var _tr = $(”).bind(“click”, msi.reuseAssessment.preview); … // in msi.reuseAssessment.preview() var url = “/direct/msi-assessment/” + assessmentId + “/assessmentHtml.json?no-cache=true”; jQuery.ajax({ type: “GET”, url: url, dataType: “json”, success: function(d, textStatus){ var _content = d.assessmentHtml; var _preview […]

jQuery：淡入/淡出+动画元素

我正在使用jQuery淡入/淡出一些元素并改变其他元素的不透明度。 $(function(){ $(‘.image’).each(function() { $(this).hover( function() { $(this).stop().animate({ opacity: 0.3 }, ‘slow’); $(this).siblings().fadeIn(‘slow’); }, function() { $(this).stop().animate({ opacity: 1 }, ‘slow’); $(this).siblings().fadeOut(‘slow’); }) }); }); 您可以在http://projects.klavina.com/stackoverflow/01/上看到完整的代码（我也在页面上使用jQuery Masonry插件）。 我是JS / jQuery的新手，上面的代码不能正常工作，除非我慢慢地将.image元素转移。 当我更快地移动元素时，即使我已经移动了另一个元素，图像上的字幕也会显示出来。 我怎么能删除它？ 即只有当我还在徘徊那个特定元素时，字幕才会淡入。 示例站点上的第一个图像具有“z-index：100;” 对于标题，所以我可以使文本叠加完全不透明。 理想情况下，我会有“z-index：100;” 对于所有标题，但这使得徘徊工作更加糟糕。 此外，淡入/淡出看起来在IE中失真。 我该如何解决这个问题？ 我确实在另一个页面上使用了不透明度更改，并通过在元素中添加白色背景来修复IE错误，但我不能在这里做到（因为我在下面有一张照片）。 谢谢！

jQuery动画到div中的下一个图像

我在div有一些图像，当我点击下一个按钮动画到div中的下一个按钮时我正在尝试 在这个div我也有我的上一个和下一个按钮，我显然不想动画。 我的jQuery实际上没有用 // prevent click jump $(‘a’).click(function() { return false; }); // do work $(‘.work > .leftButton’).click(function() { //animate to previous image in the list $(this).siblings().prev().show(); }); $(‘.work > .rightButton’).click(function() { //animate to next image in the list $(this).siblings().next().show(); }); 有没有办法动画下一个没有leftButton或rightButton类的rightButton 。 还有一种方法，如果我在第一个图像上它将转到div中的最后一个图像？ 这是我所拥有的jsFiddle的链接 有任何想法吗？