Tag: jquery animate

Internet Explorer上的透明PNG动画问题: CSS代码： #btn{ background: url(transparent.png) no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 的JavaScript / jQuery的： $(“#btn”).animate({opacity:1,”margin-left”:”-25px”}); 我对Firefox，Chrome等上面的代码没有任何问题。但它不适用于任何版本的Internet Explorer。问题是PNG图像呈现奇怪，透明PNG的背景看起来很黑。当我删除不透明效果时，没有问题。解决办法是什么？

jQuery window.scroll在相反方向上移动div垂直: 我有一个div在页面滚动上向下滚动，当我向上滚动div时向上滚动。我想反其道而行之这是代码： // SCROLL BUTTON // — iPhone picture should scroll in when down and down when up jQuery(window).scroll(function(){ jQuery(“.iphonepic”).stop().animate({ “top”: (jQuery(window).scrollTop() – 0.00) + “px”}, “slow”); }); 因此，当您向下滚动时，div应垂直向上，与滚动方向不同。小提琴演示： http ： //jsfiddle.net/khaleelm/sQZ9G/7/ 更新我也想限制DIV不要高于-150px，尝试 if ( parseInt(jQuery(“.iphonepic”).css(“top”), 10) >= -150 ) {

用jquery连续运动动画: 连续运动我想在上面的网站重新创建卡车时刻，它是在mootools完成的。我将如何编写代码，是否有一个jQuery插件来执行此操作？因此，从屏幕的开始到结束为对象设置动画，然后重新开始。我该怎么做这个jQuery 任何帮助将不胜感激

jQuery在hover时动画文本颜色: 使用以下代码，尝试在hover时获取字体颜色动画，类似于我的边框底色动画。更改边框底部颜色效果很好，但字体颜色似乎不会改变。这里有一个完整的例子： http ： //www.buenolisto.com/alma 。任何帮助是极大的赞赏。我也在调用jQuery UI： https ： //ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js jQuery(“li.social”).hover(function() { jQuery(this).find(“img”).stop(true, true).animate({ ‘marginTop’: “-=20px” }, ‘fast’); }, function() { jQuery(this).find(“img”).stop(true, true).animate({ ‘marginTop’: “+=20px” }, ‘fast’); }) jQuery(“li.reservas”).hover(function() { jQuery(this).find(“img”).stop(true, true).fadeOut({ ‘marginTop’: “-=30px” }, ‘slow’); }, function() { jQuery(this).find(“img”).stop(true, true).fadeIn({ ‘marginTop’: “+=30px” }, ‘slow’); }) jQuery(“ul.menu li”).hover(function() { jQuery(this).find(“a”).stop(true, true).animate({ ‘borderBottomColor’: […]

在Firefox中，jQuery动画不稳定且断断续续: 我喜欢认为我不是假人，但我不能让我的jQuery水平幻灯片放映动画，特别是在FireFox（在Mac上）。有人有建议吗？动画正在这样做： $(‘#lookbook’).stop().animate({left: -((lookbook-1)*825)+’px’}, { duration: 800, complete: cap_fade(1)}); 示例链接： http://mayfourteenth.com/w/lookbook?preview=1

检查元素是否是动画CSS3: 有没有办法检查元素是否正在动画？但是不是用jquery的动画制作动画，而是用css3的过渡。我遇到的问题是……我有这个滑块，点击箭头我给它 left = left+200 左边是哪里 element.position().left 要么 parseInt(element.css(“left”)); （这没关系，问题也出现了）该元素正在动画 transition: left 400ms ease-in-out; 所以，当用户点击箭头一次然后在动画结束前再次点击时，左边会根据其位置返回值（因此，而不是说… 400px，它可能会返回235.47px，因为它是在动画中间点击的） ..

jQuery animate（）不使用颜色: 我正在尝试在Confluence 4.1.9中进行一些简单的jQuery测试。 $(“div#test”).css(“background”,”#F00″); 工作，但 $(“div#test”).animate({background:”#F00″}); 没有。我错过了什么吗？或者也许animate（）只是在Confluence中不起作用？希望有人可以帮助我解决这个问题。谢谢。 [更新] 谢谢你们，它完全奏效了！但是fyi，它在预览中没有用，这让我有点头疼。好事我决定保存页面，看看无论如何会发生什么。：P

jQuery不透明动画: 我正在建立一个网站，它允许用户更改视图选项。我使用jQuery来平滑动画以更改字体。它将整个页面淡出并重新使用新字体。淡出动画很好，但当它淡入时，就没有褪色。它只是弹出，没有动画。有问题的jQuery位于http://xsznix.my3gb.com/options.php中。我到目前为止的代码是这样的： $(‘#font-classic’).click(function(){ $(document.body).animate({opacity: ‘0%’},{duration: 1000, complete: function(){ // font changing code here $(document.body).animate({opacity: ‘100%’}, 1000); }}); });

Jquery：animate .outerWidth（）？: 动画宽度切换时，它不是动画填充，所以我查看.outerWidth（）但我不确定如何实现这个… $(‘#shareheart’).click(function(){ $(‘.share-text’).animate({outerWidth: ‘toggle’}, 2000) })

jQuery动画SVG元素: 我的应用程序中有一个svg。喜欢我有一个名为’1_dice’的svg元素。在HTML按钮单击中，我希望根据参数为元素设置动画。喜欢 $(‘#btn’).click(function(){ $(‘#1_dice’).animate({‘x’:200},2000); }); 我试过这个，但这不起作用……