Tag: fadeout

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不会动画将非常感谢，提前感谢！

jQuery回调没有等待fadeOut

在我看来，以下代码应该产生这些结果： mademoiselle demoiselle mesdemoiselles 相反，随着“ma”淡出，“mes”在制作序列时消失： mademoiselle madesdemoiselles mesdemoiselles 代码： mamesdemoiselles $(document).ready(function() { $(“.remove”).fadeOut(4000,function(){ $(“.add”).fadeIn(5000); }); }); 编辑：我发现一个空的跨度，如果我删除使该bug消失： mamesdemoiselles 问题是：生成这个的PHP代码使用跨度作为占位符。 如果必须的话，我会对它们进行调整，但我很好奇为什么会发生这种情况。

jQuery fadeIn fadeOut点击

当我点击另一个div并且点击另一个div（这将是关闭按钮）时，我正试图制作一个div fadeIn，但是我的代码不起作用，我忘记了什么吗？ 这是CSS： body{ margin: 0; padding: 0; text-align: center; background-color:#f0f2df; } #container{ border: solid 1px #f0f2df; background-color:#f0f2df; text-align: left; margin: auto; width: 939px; height: 570px; top:41px; position:relative; } #contact_form{ display: none; background-image:url(../images/bg.png); width: 703px; height: 379px; position:absolute; left:236px; bottom:34px; } .contact_close{ display:none; background-image:url(../images/close.png); width:17px; height:17px; position:absolute; right:5px; top:135px; } HTML： test 和JavaScript $(document).ready(function(){ $(“button_contact”).click(function() […]

Jquery – 鼠标hover – >淡入/淡出//单击 – >不透明度100％//其他单击 – >不透明度60

我在jquery和缩略图的网站上工作。 加载页面时，所有缩略图都必须是不透明度的60％。 只要你用鼠标滑过拇指就需要淡入100％，如果你用鼠标移动缩略图需要淡化60％的不透明度。 当用户点击缩略图时，它必须保持100％的不透明度。 一旦用户点击另一个缩略图，“旧”缩略图必须淡出回到60％，而“新”缩略图必须保持在100％。 （它已经具有100％的不透明度，因为你用鼠标移动它）。 这是我到目前为止的代码： $(window).bind(“load”, function() { $(“#mycarousel li”).fadeTo(1, 0.6); $(“#mycarousel li”).hover(function(){ $(this).fadeTo(350, 1.0); $(this).addClass(‘Active’); },function(){ $(“this:not(‘.Active’)”).fadeTo(350, 0.6); }); }); 任何帮助，将不胜感激。 Greatings，Bas

Jquery：在fadeOut Complete之前运行的函数

我的jquery脚本有问题…应该是一个简单的任务，但有一些我无法弄清楚的奇怪行为。 当我点击链接时，我希望我的内容消失，然后重新出现新内容。 所有内容都存储在标签中。 这是我正在使用的： $(“#events_link”).click(function() { $(“#content”).children(“.content”).fadeOut(fadetime, function() { $(“#events”).fadeIn(fadetime); }); return false }); 但是，fadeIn不会等到内容淡出。 我的完整页面在这里（所有代码/脚本在一个页面上）： http://dl.dropbox.com/u/4217965/HorrorInTheHammer/index.html 有什么想法吗？

hover动画上的jQuery多次触发

我试图弄清楚为什么我的hoverfunction表现得很奇怪。 当您将鼠标hover在div上时，另一个div变为可见。 但是，当我将光标向下移动到可见的div时，它会淡出并再次淡入。 这不应该发生，应该保持可见，直到我的光标离开主容器。 这是我的代码。 HTML Hover here! Search: Search // jQuery的 jQuery(function($) { $(“#searchWrapper”).hover( function () { $(“.searchLinks”).fadeIn( 500 ); }, function () { $(“.searchLinks”).fadeOut( 500 ); } ); }); CSS #searchWrapper { position:relative; } #searchWrapper .searchLinks { position: absolute; z-index: 99999; top: 50px; background: #e7e7e7; right: -145px; display:none; padding:10px; } #searchWrapper .box { […]

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错误，但我不能在这里做到（因为我在下面有一张照片）。 谢谢！

隐藏元素后，如何使用css3过渡动画元素

使用jQuery的.fadeOut()隐藏一些元素后，是否可以使用css3过渡动画元素移动？ 我在这里找到了一些解决方案（参见“它也适用于网格”部分）： 不过我的情况更像是这样： http ： //jsfiddle.net/CUzNx/5/ Test1 Test2 Test3 Test4 Test5 Test6 Test7 Hide first Show first 我有浮动的div元素，并且在隐藏了一些元素之后，如果其他元素被动画化将是很好的。 可能吗？

jQuery show / hide – 关于延迟变量的问题

当你鼠标hover某个div时我正在使用下面的代码来显示一个框，并设置淡出的延迟，但如果用户重新使用div，是否有某种方法可以取消fadeOut效果？ jQuery(“#cart-box”).hover(function() { jQuery(“#cart-container”).fadeIn(‘fast’); }, function( ) { jQuery(“#cart-container”).delay(800).fadeOut(‘fast’); }); div的代码 Cartcontents 考虑一下我认为这可能是一个需要停止fadeInfunction的情况，如果你离开div并返回。 任何想法都会对jQuery有所帮助！ 另外请注意我应该使用什么效果让盒子从零开始扩展到内容的高度而不是仅仅淡入？

Jquery mousemove（）在没有鼠标移动的情况下被激活

我想尝试像淡入淡出一样google.com（Cept我想淡出文字） $(document).ready(function() { $(“html”).mousemove(function () { $(“p”).fadeOut(“slow”); }); }); 使用该代码，虽然我没有移动鼠标，但我的淡出会自动激活。 适用于所有浏览器。 有小费吗？