Tag: fadeout

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(); }); 这个动画的问题是它们之间有一个白屏间隔 。 我怎样才能消除这个间隔，使过渡更平滑？ […]

.fadeOut（）方法使用显示属性的可见性属性

.fadeOut（）方法为匹配元素的不透明度设置动画。 一旦不透明度达到0，显示样式属性将设置为none，因此该元素不再影响页面的布局，同样适用于fadeIn（）。 我的问题是他们是否可以使用可见性属性，因此元素占用页面布局中的空间并且不仅仅是可见的？

jQuery：FadeOut不使用表行

我有以下HTML表格呈现给我的浏览器。我正在从我的ASP.NET代码隐藏文件创建此表。 Item Model Price Delete LG VX9700 $ 122 NOKIA 5610 $ 122 NOKIA N95 $ 91.5 在我的JavaScript中我有删除function如下 function deleteItem(modelId,itemindexId, rowId) { $.get(“RemoveFromCart.aspx”,{ model:modelId,cartItem:itemindexId,mode:”removefromcart”,rand:Math.random() } ,function(data) { //document.getElementById(rowId).style.display = “none”; var row=$(“#”+rowId); row.fadeOut(1000); }); } 但是当我调用deleteItem函数时，我没有得到淡入淡出的效果。它只是隐藏行像display =“none”。 任何人都可以指导我如何解决这个问题吗？

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() { […]