fadeout

jQuery fade out then fade in

由 那年仲夏 提交于 2019-11-27 19:18:46
问题 There's a bunch on this topic, but I havn't found an instance that applies well to my situation. Fade a picture out and then fade another picture in. Instead, I'm running into an issue where the first fades out and immediately (before the animation is finished) the next fades in. I read about this once and can't remember exactly what the trick was.. http://jsfiddle.net/danielredwood/gBw9j/ thanks for your help! 回答1: fade the other in in the callback of fadeout, which runs when fadeout is done

Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div

由 [亡魂溺海] 提交于 2019-11-27 19:17:17
问题 I'm trying to get a nice fade-out effect at the bottom of a section of text as a 'read more' indicator. I've been following a bit off this and other tutorials, and my code currently is as follows: html <section> <p>malesuada fames ac turpis egestas...leo.</p> <p>malesuada fames ac turpis egestas...leo.</p> <div class="fadeout"></div> </section> <p>Stuff after</p> css .fadeout { position: relative; bottom: 4em; height: 4em; background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba

jQuery fadeIn fadeOut - IE8 does not fade

由 女生的网名这么多〃 提交于 2019-11-27 19:16:10
问题 Can anyone tell me why a .jpg would not fade in or fade out in IE8. Right now it is just disapearing and reappearing with no opacity changes. I have this set up locally and on a publishing server, strange thing is the images fade in and out just fine locally, it's only when I go to the publishing server that they cease to fade. Just wondering if I am missing something someone could quickly help me with off the top of their heads. Here is the gcRotateContent that is on the publishing server,

How to hide a div after some time period?

由 我的梦境 提交于 2019-11-27 18:08:36
I need to hide a div (like "mail sent successful" in Gmail) after a certain time period when I reload the page. How can I do that? Here's a complete working example based on your testing. Compare it to what you have currently to figure out where you are going wrong. <html> <head> <title>Untitled Document</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready( function() { $('#deletesuccess').delay(1000).fadeOut(); }); </script> </head> <body> <div id=deletesuccess > hiiiiiiiiiii </div> </body> </html>

jQuery: FadeOut then SlideUp

由 萝らか妹 提交于 2019-11-27 17:27:39
If an item is being deleted then I would like to fade it out and slide the other elements up to fill the empty space. Now, when I use fadeOut() the item doesn't have a height at the end which results in the other items jumping up (instead of sliding up nicely). How can I slideUp() and element right after fadeOut() ? jQuery.fn.fadeThenSlideToggle = function(speed, easing, callback) { if (this.is(":hidden")) { return this.slideDown(speed, easing).fadeTo(speed, 1, easing, callback); } else { return this.fadeTo(speed, 0, easing).slideUp(speed, easing, callback); } }; I tested it on JQuery 1.3.2,

iOS 7 launch image (splash screen) fades out

由 有些话、适合烂在心里 提交于 2019-11-27 15:28:55
问题 On iOS 7, launch images fade out instead of disappearing immediately when the app is loaded. Is there any setting to prevent this launch image fade out animation? I need it to disappear immediately just like in the iOS 6 and earlier. Edit for answers: Yes, it is possible to add the splash image as a UIImageView to the top window and hide it after splash fade animation is completed. But this causes a delay of 0.4 seconds which I'm trying to avoid. 回答1: I have managed to do that in the

CSS fade out horizontal rule / line styled div effect without images

由 三世轮回 提交于 2019-11-27 12:42:42
问题 I'm a big fan of minimal use of images and was wondering if anyone had a tactic (or if it's possible) to create this kind of thing with pure static CSS? http://www.flickr.com/photos/jahimandahalf/6780397612/ I'm referring an effect of a line seemingly getting skinnier and fading out and the shadow effect underneath it. I was thinking it might be possible to do a CSS shape trick with it like the triangles: http://css-tricks.com/snippets/css/css-triangle/ Or perhaps with rotation on box-shadow

jQuery: eliminate white screen “pause” between animations

由 自作多情 提交于 2019-11-27 07:12:31
问题 I have just discovered Barba.js and find it very useful. It provides smooth transitions between URLs of the same website. I have put together a Plunker consisting of two pages (index.html and about.html) that are loaded smoothly, with the help of jQuery’s fadeIn() and fadeOut() methods. $(document).ready(function() { var transEffect = Barba.BaseTransition.extend({ start: function() { this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer))); }, fadeInNewcontent:

How to fade out div slowly, update content, and then fade in div slowly, using jQuery?

由 ≡放荡痞女 提交于 2019-11-27 03:15:29
问题 I have a div I want to fade out, update its content, and then fade back in. So far I have tried: $('#myDivID').fadeOut('slow', function() { $('#myDivID').replaceWith("<div id='myDivID'>" + content + "</div>"); $('#myDivID').fadeIn('slow'); }); What happens is that the fade out completes and calls the anonymous callback. So far, so good. The div 's content is replaced correctly, but the fadeIn() effect is immediate — no smooth transition, just a quick, snappy jump to the updated div . Is there

The .fadeOut() method to use visibility property instead of display property

由 匆匆过客 提交于 2019-11-27 02:45:05
问题 The .fadeOut() method animates the opacity of the matched elements. Once the opacity reaches 0, the display style property is set to none, so the element no longer affects the layout of the page and same is for fadeIn(). My Question is can they use visibility property so they the element occupy the space in layout of the page and is not just visible? 回答1: Use jQuery's fadeTo() and then have a callback set the visibility. Example: $('selector').fadeTo(500, 0, function(){ $('selector').css(
订阅 fadeout