Tag: jquery animate

使用JQuery的KineticJS动画

我是KineticJS的新手，我已经堆积了。 我想使用一个不透明的简单动画，但我发现它看起来没那么“简单”。 我用KineticJS阅读了关于动画的文档（你不会对本教程说简单）。 我想知道有没有一个简单的方法来使用像JQuery或JCanvaScript这样的KineticJS来制作动画？ 例如 this.animate({ opacity:0, x: 50 }, 500); 这样的事情？ 如果没有，我们可以使用KineticJS和JQuery来简化动画吗？ 我发现这个项目有一段非常有趣的代码： $(logo.getCanvas()).animate({ opacity: 1, top: “+=50px” }, 1000); 所以大家你觉得呢？ 使用这种方法有问题吗？

有没有办法隐藏使用jQuery动画时出现在webkit浏览器中的工件？

我正在使用jQuery动画来滑动网页上的项目。 出于某种原因，仅在webkit浏览器中，元素被动画化的空间中存在一系列工件。 有没有办法阻止它发生或隐藏它？ 一旦您在此处加载页面，就会在旋转木马上看到它们： http ： //www.mywebclass.org/~jeff/

jQuery fadeOut，replaceWith，animate几乎正常工作

我试图完成以下任务：1。点击，有一个div = id =“fader”fadeout 2.用新的html替换推子的HTML（这个新的HTML将显示在浏览器的下方）3。动画新的HTML到滑到指定的位置 第1步和第2步正在运行，第3步没有，我很难为什么。 这是javascript： $(“#fader”).fadeOut(1000, function() { $(this).replaceWith(‘new div’, function() { $(“#fader”).animate({marginTop: “500px”}); }); }); 任何想法为什么div不会动画将非常感谢，提前感谢！

onClick使用jQuery .animate转到页面底部

我有一个表，其中最后一列包含操作按钮，打开表下的另一部分。 打开该部分时，正文页面保留在按下操作列按钮的位置。 我需要使用jQuery，优选使用.animate，将.html页面滚动到表格下面的已打开部分。 小提琴示例： http ： //jsfiddle.net/Ksb2W/110/ 如果有人帮我这个。 谢谢。

.animate（） – 较旧的jquery Verions（Drupal）冲突的队列模拟

我正在寻找一个解决方案来推出jquery版本，Drupal本身也包括在内。 它是旧版本。 实际上没有问题 – 但是一个：DI使用.animate（）函数，队列为false，没有这个属性（因为这个属性是jquery 1.7中的.animate（）addet），它不是我想要的动画。 代码是： //When mouse rolls over $(“#login”).bind(‘mouseover mouseenter’,function(){ $(“#logo”).stop().delay(500).animate({top:’-44px’},{queue:false, duration:600, easing: ‘swing’}) $(“#login”).stop().animate({top:’89px’},{queue:false, duration:600, easing: ‘easeOutBounce’}) }); //When mouse is removed $(“#login”).bind(‘mouseout mouseleave’,function(){ $(“#logo”).stop().animate({top:’6px’},{queue:false, duration:600, easing: ‘easeOutBounce’}) $(“#login”).stop().animate({top:’40px’},{queue:false, duration:600, easing: ‘swing’}) }); 也许你可以帮我找到解决方案？ 问题，为什么我要排除我用于此（1.8.3）的jquery版本是一个Drupal模块没有显示wysiwyg（CKEditor），当jquery 1.8.3被包含在另外，并且不幸的是我无法替换jquery jquery 1.8.3的核心版本:(

带动画的CSS灰度

我有一些css将我的图像更改为灰度（有一些svg for firefox） img.grayscale{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } 但现在我希望hover动画以将灰度值更改为0。 我有这个代码，但它没有做任何事情（当然在chrome上），我不知道为什么它根本没有动画。 $(“.grayscale”).hover( function () { $(this).animate({ ‘-webkit-filter’: ‘grayscale(‘0’%)’ }, 300); } ); 我认为可以将％从100％设为0％，不是吗？ 编辑：我正在尝试为所有浏览器做，不仅是铬，但我在chrome上进行测试，这就是为什么我没有改变所有属性。 我想当我找到chrome的答案时，我可以为其他浏览器做同样的事:)

顺时针或逆时针旋转网页

我想让用户选择旋转我的网页内容，包括图像，文本和div。 这可能吗？ PS： 我想要旋转整个网页。 不只是一个容器div。

Jquery动画底层问题

真奇怪。 我有一个动画，当我在DIV上播放时开始。 进入这个div我有另一个绝对位置，我想向上移动，直到鼠标停留在主div上，当我离开主div时，你的位置下降。 简单的hover效果。 我写下了这个function，它可以很好地解决一个奇怪的错误。 var inside = $(‘.inside’) inside.hover(function() { $(this).children(“.coll_base”).stop().animate({ bottom:’+=30px’ },”slow”) }, function() { $(this).children(“.coll_base”).stop().animate({ bottom:’-=30px’ },”slow”); }); 我需要+ = 30和 – = 30，因为我必须将此函数应用于具有不同底部的div范围。 问题在于，如果我将鼠标hover在div之外，那么DIV将会生效，但是当它下降时，他会降低每个动画的底部值。 如果我从主div上下来，我看到动画div甚至超出了主div。 我想我想念一些东西来解决这个bug。 谢谢你的帮助

jQuery：动画文本颜色

我想动态更改hover事件中的链接颜色。 到目前为止我得到了以下代码，但它不起作用。 有什么建议吗？ 在我看来，这似乎是正确的…… $(‘.fadelink’).hover(function(){ $(this).animate({ color: ‘#333’ }, 600); }, function(){ $(this).animate({ color: ‘#999’ }, 600); });

Jquery animate（）和谷歌浏览器问题

我在google Chrome中遇到了jquery和animate（）的问题。 我有一个最初隐藏的盒子，位于屏幕右侧。 单击一个框时，隐藏框变为可见，并从右侧到中心动画，它会停止并闪烁，然后再开始再次移动到屏幕的左侧并消失。 这个东西适用于资源管理器和Firefox，但不适用于Chrome。 这是链接： http ： //test.gianlucaugolini.it/4545.html 这是代码： function test(){ var scaleX = $(“#container”).width()/2 + $(“#hoverText”).width()/2; $(“#hoverText”).animate({visibility:”visible”,opacity:”show”,left:”-=”+scaleX+”px”},500,function(){ $(“#hoverText”).effect(“highlight”,{duration:1000},1500,function(){ $(“#hoverText”).animate({visibility:”hidden”,opacity:”hide”,left:”0%”},500,function(){ $(“#hoverText”).css(“left”,”100%”); }); }); }); }