Tag: fadein

jQuery淡入’慢’立刻出现: 我试图这样做，以便当你点击一个链接时，它删除一个div（带有一些段落和文本）并插入另一个div（带有一些段落和一些文本）。我正在使用jQuery淡入淡出。当您单击链接时，原始div的淡出工作，然后我有一个开关案例来确定什么被淡入。然而，fadeIn，设置为’慢’，似乎立即发生。这是相关的代码片段（其余的只是其他情况）： $(document).ready(function() { $(‘.nav-link’).click(function() { var linkClicked = $(this).attr(“id”); $(‘.content’).fadeOut(‘fast’); switch(linkClicked) { case ‘home’: console.log(“linkClicked = “+linkClicked); $(‘#home-content’).fadeIn(‘slow’, function() { $(this).css(“display”, “inline”); $(this).css(“opacity”, 100); }); break; 编辑：因此，在将fadeTo更改为fadeOut并将fadeOut中的“slow”更改为“fast”之后，它运行良好并按照我想要的方式进行转换。然而，每当我点击“home”时，它会将div移动到“阻挡”位置（它将它吐到左下角），然后将自己推回到容器中心的正确位置。它只在我单击home并且没有其他sidenav链接时才这样做…这些链接都运行完全相同的代码（home只是交换机情况下的第一个）。有任何想法吗？

jQuery淡化使页面跳转: 出于某种原因，jQuery的fadeIn使我的页面跳到了顶部。它淡入的每个不同的div使得滚动条的大小不同，所以我认为这可能就是为什么’return false’无效。这是代码： jQuery(document).ready(function($) { //When page loads… $(“.tab_content”).hide(); //Hide all content $(“ul.tabs li:first”).addClass(“active”).show(); //Activate first tab $(“.tab_content:first”).show(); //Show first tab content //On Click Event $(“ul.tabs li”).click(function() { $(“ul.tabs li”).removeClass(“active”); //Remove any “active” class $(this).addClass(“active”); //Add “active” class to selected tab $(“.tab_content”).hide(); var activeTab = $(this).find(“a”).attr(“href”); $(activeTab).fadeIn(‘slow’, function() { $(this).show(); }); return false }); […]

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

fullpage.js添加滑块淡入效果: 我从未使用过fullpage.js。我尝试了很多滑块过渡效果。使用滑块效果滚动很好。它通过滚动从左向右移动但无法添加fadeIn和fadeOut效果。示例网站： http ： //www.mi.com/shouhuan/#clock我的代码： http ： //jewel-mahmud.com/demo-site/index.html var slideIndex = 1, sliding = false; $(document).ready(function() { $(‘#fullpage’).fullpage({ sectionsColor: [‘#1bbc9b’, ‘#4BBFC3’, ‘#7BAABE’, ‘whitesmoke’, ‘#ccddff’], scrollingSpeed:1000, css3: true, onLeave: function(index, nextIndex, direction) { if(index == 2 && !sliding) { if(direction == ‘down’ && slideIndex 1) { sliding = true; $.fn.fullpage.moveSlideLeft(); slideIndex–; return false; […]

加载后淡入淡出图像: 我正在尝试使用fadeIn效果将图像加载到div中。问题是我不知道如何避免同时加载和褪色。我想要加载图像，在完全加载后应该将其淡入。 http://www.izrada-weba.com/vedranmarketic 这些是图像拇指：这是应该加载图像的容器：这是jquery文件： $(document).ready(function(){ $(‘.slika_thumb’).click(function() { var id = $(this).attr(“id”); $(‘#slika’).hide(); $.ajax({ url: ‘slike/slika.php?id=’ + id, success: function(data) { $(‘#slika’).html(data); $(‘#slika’).fadeIn(); } }); }); }); 我尝试使用complete以下success但仍然是相同的结果。任何建议？

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

淡入jquery加载调用: 我有一个关于jquery的基本问题。但是我不知道怎么回事这就是为什么我在这里寻求你的帮助。这是我的代码：编辑： Link 如您所见，我想将page.html加载到名为#target的div中。我还想做的事情就是让page.html在加载时淡入淡出。什么是正确的方法？最好的祝福

淡入延迟加载: 我已经弄好了一些相当不错的东西，我想在即将到来的项目中使用。它是加载时的动画不透明度，或者您可以将其称为淡入淡出。我想知道你是否可以将一些元素链接在一起（例如3），因此element2仅在element1完成时启动，而element3在no时启动。 2是？或者你应该在element2上定义一个延迟并乘以element3的延迟？

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