Tag: jquery animate

背景颜色属性向上滑动: 问题出在transitionBackground函数中。在这种情况下，当在页面上按下向上按钮时，该function会触发。 Case: Background Transitions $( var transitionBackground = function (){ if ($(div).css(“background”) === “blue”){ //convert to green by having the green background start at the bottom, //and slide up (over say, a period of 1 second) //I’ll up vote a pure-css, pure-js, or a jquery answer, //but I prefer jquery or pure-css answers. //Thanks […]

jquery简单动画/旋转css背景图像在div内？: 我想知道是否有人可以帮助我，或指出我正确的方向。我正在寻找一个jquery片段，它会自动改变一个div的背景图像，每个说5秒左右。我的初始bg图像是在css中设置的，但我不确定如何创建函数使其在图像数组之间交换？我有5张图片： bg-1.jpg，bg-2.jpg，bg-3.jpg，bg-4.jpg，bg-5.jpg。目前我的div设置为bg-1.jpg。真的没有任何代码可以显示，但希望有人可以帮助我:)

更改部分的背景颜色: 我正在尝试使用jQuery在按下按钮时更改部分的背景颜色，以下是执行该操作的代码。为什么不工作？ HTML文件 #name{ background-color: #FFFFF2; width: 100px; } Abder-Rahman 的script.js $(“bgcolor”).click(function(){ $(“#name”).animate( {backgroundColor: ‘#8B008B’}, “fast”);} ); 谢谢。

如何在这个jQuery动画中添加aceleration？: 我能够从bottom:-100px动画我的（更多信息） bottom:-100px bottom:0px 。现在我想要有不同的速度：在动画开始时开始慢一点，然后在动画结束时加快速度。这就是它的样子： $(‘#bannerFijo’).animate({ bottom: ‘-15px’ }, 1000, function() { $(‘#bannerFijo’).animate({ bottom: ‘0px’ }, 100); }); 但我确信必须有另一种方式让速度逐渐变化。 -编辑- 动画版本二： $(‘#bannerFijo’).animate({ bottom: ‘0px’ }, 1200, function() { $(‘#bannerFijo’).animate({ bottom: ‘-15px’ }, 300,function() { $(‘#bannerFijo’).animate({ bottom: ‘-5px’ }, 150,function() { $(‘#bannerFijo’).animate({ bottom: ‘-10px’ }, 100,function() { $(‘#bannerFijo’).animate({ bottom: ‘0px’ }, 50); […]

在动画或slideUp / slideDown中使用stop（）时的jQuery高度: 我有一个隐藏子菜单的菜单。当我鼠标hover在菜单项上时，我正在设置子菜单的动画，当我鼠标移出时，我会关闭。当用户将鼠标放在很多菜单项上时，所有动画都会排队。为了解决排队问题，我在动画之前添加了一个stop（）。这导致了更糟糕的问题，子菜单的高度减小到我鼠标移出时的大小。

jQuery动画只能在IE中工作: 我有一个非常简单的动画，如果我在屏幕的侧面有一个标签，如果你点击它，它会增加大小。但它只适用于IE，这里是代码： $(function(){ $(“#a-tab > *”).focusin(function(){ $(“#a-tab”).animate({width:’320px’}); }); $(“#a-tab > *”).focusout(function(){ $(“#a-tab”).animate({width:’10px’}); }); }); 由于内部内容，它必须是#a-tab > * 这是问题，如何使其与Chrome，Firefox等兼容。

jquery animate（height）导致firefox中的背景图像闪烁: 我有一个小问题使用javascript.animate与firefox：当我用一些背景图像动画容器的高度时，背景开始只在firefox上闪烁 – 所有其他浏览器（甚至ie）显示平滑的动画。一个简化的代码片段，显示了我的操作：非常感谢你的帮助。

jQuery幻灯片图像转换: 我的jQuery幻灯片显示有问题，我似乎无法弄明白。在图像过渡期间，幻灯片显示将闪烁白色而不是很好地淡入下一张图片。我相信它与以下几行代码有关： $(‘#slideshow img:first’).fadeOut(1000).next().fadeIn(1000).end().appendTo(‘#slideshow’); 单击上一个和下一个按钮会导致同样的问题。这是幻灯片的jsFiddle。谢谢！

jQuery animate（）: 我的代码如下： Untitled Document function toggle() { $(“#Layer1″).animate({width:”20px”},1000); } 现在，当页面加载时，最初会有一个动画，但很快就会恢复第1层的维度。我想知道为什么会发生这种情况。谢谢！

另一个动画正在进行时，Jquery动画: 我正在使用JQUERY EASING PLUGIN给出一个简单的缓动动画 ieeasing一个div从左边：200到左边：0和后面。（上一页的最后一个例子）我在容器div中有多个div。我想要做的是按以下方式设置4个div的动画： 1]假设我有两个div，div1和div2。当div1被动画化并且动画正在进行时，div2动画应该是start.eg：当div1从left = 200移动到left = 0时，div2动画应该在div1为left = 100时开始。编辑（注意：div的数量是可变的） ……. 当前动画正在进行中，并且到达一个点时，下一个动画应该开始（动画的效果与所有div的效果相同）。 2]在迭代div集合和动画时，在给定的时间间隔内延迟下一个动画。有没有办法知道动画的开始？还是动画正在进行中？谢谢大家