Tag: fadein

逐渐淡化窗口负载上的元素: 我希望按代码顺序淡化具有某个类的div，每个淡入淡出可能在最后一个之后250毫秒，给人一种渐变页面加载的印象。我立刻就褪色了…… $(window).load(function(){ $(‘div.fade_this_please’).fadeIn(4000); }); 但是我不确定我将在每个DIV中循环并在另一个完成时淡入它。有人能指出我正确的方向！？任何建议赞赏！

jquery Fade在FadeOut之后的一个元素上面的div？: jQuery(document).ready(function(){ $(“.welcome”).fadeOut(9500); $(“.freelance”).fadeIn(10000); $(“.freelance”).fadeOut(4500); }); 我希望欢迎消息慢慢淡出然后另一个div淡出它的位置然后fadeOut – 显然当欢迎盒不再存在时。 Welcome to my portfolio. I am currently available for for work, contact me below.

jQuery – frollOut on Scroll / fadeIn on“scrollstop”: 我有一个div定位工作，它被滚动事件触发。滚动事件多次被触发会导致闪烁的div，会发生什么。我的计划是在没有更多滚动事件被触发时淡出该div并重新开始。如何检查滚动结束？我想到了超时滚动的组合，但实际上并没有像我希望的那样有效。这是我到目前为止所得到的。 $(document).ready(function(){ //var animActive = false; $(window).scroll(function() { /* if (animActive == false){ animActive = true; $(‘.mceExternalToolbar’).fadeOut(100, function () { $(‘.mceExternalToolbar’).fadeIn(3000, function () { animActive = false; console.log(“NOW”); }); }); } */ topParentx = $(‘#tinyMCEwrapper’).position().top; if ($(this).scrollTop() >= topParentx){ $(‘.mceExternalToolbar’).css(‘top’, ($(this).scrollTop()-topParentx) + “px”); } else { $(‘.mceExternalToolbar’).css(‘top’, “0px”); }; }); […]

当淡入时，IE在PNG周围显示黑色边框: 这是我的网站： http ： //smartpeopletalkfast.co.uk/ppr6/ 我有使用jQuery透明度淡化的PNG。 IE8（已经与其他人一起测试过）在PNGs周围显示黑色边框时它们会消失。我知道这是一个公认的问题，我尝试了一些没有运气的方法。但是，我注意到心脏（要加载的最后一个图像）没有黑色边框。为什么这个好吗？希望如果我弄清楚为什么我可以用它来修复其他人。谢谢 UPDATE 我玩代码那么多我没有意识到我无意中禁用了内心的淡入淡出，这就是为什么没有边界。这是一个奇怪的问题。在我所看过的所有论坛中，他们的解决方案似乎对某些人有用，但对其他人则无用。

jQuery淡入背景色: 我试图淡化表格行的背景颜色，并且无法正确使用它。点击按钮时会发生淡入。我试过类似的东西： $(“#row_2”).fadeIn(‘slow’).css(‘background’, ‘gold’) 虽然这会将颜色应用于表格行，但它不会淡入，而是立即应用它。我确信这是一件简单的事，但我无法找到答案。我在这个网站上看了一遍，但对于这个特定的东西仍然没有运气。提前致谢

当jQuery滚动页面时，jQuery淡出元素，当它们向后滚动时淡出: 我希望元素在页面顶部滚动时淡出，然后在向后滚动到页面时淡入。我写了一些有用的代码，但我正在寻找更优雅的解决方案。这是我在jsfiddle上工作的解决方案： http ： //jsfiddle.net/wmmead/JdbhV/3/ 我想找到一个更短，更优雅的代码，但是不能完全解决它。也许有一个数组和each（）方法？如果我把一个类放在div而不是ID上，它会缩短很短的时间，但是它们会立刻淡出。我希望每个框在页面滚动时淡出。 HTML CSS #box1, #box2, #box3, #box4, #box5, #box6 { width: 100px; height: 100px; background: orange; margin:100px auto; } #box6 { margin-bottom:600px; } jQuery的 var box1Top = $(‘#box1’).offset().top; var box2Top = $(‘#box2’).offset().top; var box3Top = $(‘#box3’).offset().top; var box4Top = $(‘#box4’).offset().top; var box5Top = $(‘#box5’).offset().top; var box6Top […]

jQuery：消除动画之间的白屏“暂停”: 我刚刚发现Barba.js并发现它非常有用。它提供了同一网站的URL之间的平滑过渡。在jQuery的fadeIn()和fadeOut()方法的帮助下，我整理了一个由两个页面（index.html和about.html）组成的Plunker ，它们可以顺利加载。 $(document).ready(function() { var transEffect = Barba.BaseTransition.extend({ start: function() { this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer))); }, fadeInNewcontent: function(nc) { nc.hide(); var _this = this; $(this.oldContainer).fadeOut(1000).promise().done(() => { nc.css(‘visibility’, ‘visible’); nc.fadeIn(1000, function() { _this.done(); }); $(‘html, body’).animate({ scrollTop: 300 },1000); }); } }); Barba.Pjax.getTransition = function() { return transEffect; } Barba.Pjax.start(); }); 这个动画的问题是它们之间有一个白屏间隔。我怎样才能消除这个间隔，使过渡更平滑？ […]

jQuery fadeIn fadeOut – IE8不会褪色: 任何人都可以告诉我为什么.jpg不会在IE8中淡入淡出或淡出。现在它只是消失和再现，没有不透明度的变化。我在本地设置并在发布服务器上设置，奇怪的是图像在本地淡入淡出，只有当我去发布服务器时才停止淡出。只是想知道我是否遗漏了某些人可以迅速帮助我摆脱困境的事情。这是发布服务器上的gcRotateContent，如果我只是抛出一个图像并且淡入淡出它可以工作，由于某种原因它不适用于这个标记。 Meet John Software Development Lead, Server Performance “You will find no other company with the sheer breadth of technologies. The things you get to see and learn from other people are amazing.” This is first content This is second content This is third content This shouldn’t move. function fadeContent() { […]

当用户到达页面底部时如何显示div？: 当用户滚动到页面底部时，我想显示一些div，当然还有jQuery。如果用户滚动回到他的顶部，div淡出。那么如何计算视口（或者任何正确的名称）:) 谢谢

带有fadeIn效果的jQuery .load（）: 我正试图在#primary中使用jQuery通过AJAX加载URL的#content。它加载但不会淡入。我究竟做错了什么？ $(‘.menu a’).live(‘click’, function(event) { var link = $(this).attr(‘href’); $(‘#content’).fadeOut(‘slow’, function(){ $(‘#primary’).load(link+’ #content’, function(){ $(‘#content’).fadeIn(‘slow’); }); }); return false; }); 非常感谢您的帮助。