Tag: jquery animate

如何设置div背景的不透明度？: 我有一个带有0不透明度背景的div #test，我想要动画它直到达到0.7的不透明度。但.animate似乎不适用于css rgba。我的css是： #test { background-color: rgba(0, 0, 0, 0); } 我的HTML： Some text 和我的jQuery： $(‘#test’).animate({ background-color: rgba(0, 0, 0, 0.7) },1000); 这里有一个jsFiddle： http ： //jsfiddle.net/malamine_kebe/7twXW/10/ 非常感谢你的帮助！

如何平滑jquery动画: 我想平滑一些jquery.animate函数的链接。这是一个jsfiddle我描述的问题： http ： //jsfiddle.net/xavier_seignard/KTxbb/4/ 如您所见，每个动画之间都有一个停止，即使是线性属性也是如此。你对如何平滑它有什么想法吗？还是其他任何可以解决问题的方法？问候

在javascript中形状补间: 有没有办法在javascript中做补间形状？使用canvas可能……

使用Jquery在Firefox中为背景位置设置动画: 我正在尝试仅为背景图像的y位置设置动画。代码在除Firefox之外的所有浏览器中都很有用我在前面的讨论中已经注意到FF有background-position-y的问题，但我不想仅为这个特殊情况包含一个插件。 $(“.module”).animate({ “height”: 160, “background-position-y”: cropsize //variable for needed position }, “slow”); 正如在这个问题中回答：仍然有jQuery背景动画的问题 – 在safari和IE中工作，没有别的！我应该可以使用普通的background-position属性，但这样做只会破坏其他浏览器中的动画。 $(“.module”).animate({ “height”: 160, “background-position”: “0 “+cropsize+”px” }, “slow”); 也许这只是一个我遗漏的语法错误，但我似乎无法在FF中使用它（最新版本）

jQuery在第二次点击时反转动画: 我有一个div元素，在点击事件中，链接滑入。这很好用，除了我现在试图得到它，以便如果第二次点击链接，动画将反转到其原始状态。我曾尝试在链接中添加一个类，但是当动画运行时，它最终会执行相同的动画但向后移动。 $(‘a.contact’).click(function() { $(‘#contact’).animate({marginLeft:’500px’}, {queue:false, duration:’7000′}); $(‘#contact’).animate({width:’500px’}, {duration:’7000′}); $(‘a.contact’).css() $(‘a.contact’).animate({marginLeft:’-500px’}, ‘250’); $(‘a.contact’)addClass(‘open’); return false; });

jQuery单击切换动画: 我正在尝试学习如何使用jQuery，我偶然发现了一个问题。首先，我将向您展示导致问题的代码部分。 HTML Education Work Experience Other Activities View as PDF jQuery的 $(document).ready(function(){ $(“#arrow_container”).toggle( function () { $(“#nav”).animate({marginTop:”0px”}, 200); }, function () { $(“#nav”).animate({marginTop:”-100px”}, 200); }); }); 我希望div #nav （最初位于屏幕外部）在单击div #arrow_container时向下移动。然后当再次单击#nav时，我希望#nav向上移动到其原始位置。目前，没有发生这种情况。你能告诉我问题是什么以及如何解决它吗？编辑：一个jsfiddle的代码，包括一些CSS 编辑2：问题似乎得到解决。还要感谢我忘记并回答的用户名已被删除，但他有一些很棒的提示！谢谢！

jQuery文本效果，单词逐个出现: 我被问到是否可以使用jQuery在HTML中提出文本效果，然后我得到一个字符串，然后例程自动检测单词并为每个单词设置动画，一次一个。喜欢。秒进动画节目：“快乐” 进入动画节目：“快乐新” 进入动画节目：“新年快乐” 进入动画节目：“新年快乐2011” 每个单词应该慢慢地“淡化/动画”，我认为一个简单的滑动窗格以像素为单位会令人满意 – 但是没有。逐词地。我可能需要一些关于这个的想法。我知道一些jQuery和很多Javascript，所以我想我需要一些jQuery部分的帮助。对于单词列表，我只会拆分“”（空格）并接受“，。！” 等等是一个词的一部分。但是我如何在jQuery中为这个“动态数组”设置动画 – 是否有插件或者我是第一个？我想也许一个项目符号列表也可能是伎俩，然后让它像菜单一样水平浮动，然后将这个词添加为新的子弹，每秒一次。但我很高兴看到这里的专家提出了解决方案。：O）编辑从标记的答案，我这样： var str = $(‘div#greeting h1’).html(); // grab text $(‘div#welcome h1’).html(“”); // clear text var spans = ” + str.split(” “).join(‘ ‘) + ”; $(spans).hide().appendTo(‘div#greeting h1’).each(function(i) { $(this).delay(500 * i).fadeIn(); }); STRONG标签有效，但文本的某些部分在一组中消失。试试这个：“这是一个测试文本。[强]我们相信这比以往更好[/ strong]。” 并看到问题。

如何让动画一个接一个地运行？: HTML代码： a b c d e js代码： $(document).ready(function() { var lis = $(“li”); for (var i = 0; i < lis.length; i++) { $(lis[i]).animate({opacity: 0}, 1000); } }); 我发现lis会一起消失。我怎么能这样做他们会一个接一个地消失？

jQuery：Animate Margins to Auto？: 我正在尝试为图像设置动画，使其自身居中。这是我想要使用的代码： $(‘#myImage’).animate({‘margin-right’: ‘auto’}); 但是，当我这样做时，它被忽略，并没有改变边际。有没有办法将边距设置为自动或以图像为中心？谢谢！

如何防止这个奇怪的jQuery .animate（）滞后？: 见demo： jsFiddle 点击“显示”/“取消”时，我有一个简单的表单正在切换一切正常，但如果您在表单显示后立即点击“取消”，则在动画开始之前有2-3秒的延迟。如果您在单击“取消”之前等待几秒钟，则不会发生这种情况。在所有测试的浏览器中都会出现滞后（即ff，chrome）。 1.什么可能导致这种滞后，如何预防？ 2.有没有更好的方法来编码这一系列的动画，这可能会阻止任何滞后？ HTML ： title form! Cancel show jQuery的： $(“#newResForm”).css({opacity: 0}); $(“#addRes”).click(function () { toggleNewRes() }); $(“#cancelNewRes”).click(function () { toggleNewRes() }); //toggleNewRes function toggleNewRes() { if ($(“#newResFormWrap”).css(‘display’) == “none”) {//if hidden $(“#addRes”).animate({ opacity: 0 }, ‘fast’, function() { $(“#newResFormWrap”).toggle(‘fast’, function (){ $(“#newResForm”).animate({ opacity: 100 },2000); }); }); } […]