fade

问题 I'm trying to create a fade or slide transition using jQuery or CSS (or otherwise!) on php included pages which sit within a DIV. I've searched around and found loads of examples of fade transitions which fade divs with one another or fade in hidden content but this situation is slightly different. I have one DIV whose content is controlled by the nav bar. Each page is successfully included within the div using PHP when it is selected but I'm wanting to make the content fade in and out. Any

问题 I know this is fairly easy in jQuery, but I want to do this in plain 'ol "will be around forever" javascript. I have a dropdown select on my page. I choose one of 8 options. There is a default image showing on the page. When I select an option, the image changes to that pic. It all works fine. But I want to make the image change a fade out, fade in switch over because I, like most of you, can't leave well alone. We have to keep fiddling. The javascript that I have, which is triggered by an

问题 I'm trying to add page transitions. The fadeIn transition is done using the WebFont Loader and CSS animations. What I want is to add a class to the html tag on link click and wait 1 second (for the CSS fadeOut animation), then redirect to the link. This is an altered version of this jQuery code: $(document).ready(function() { $("a").click(function(event){ event.preventDefault(); redirectLink = this.href; $("body").fadeOut(1000, redirectToLink); }); function redirectToLink() { window.location

问题 One of the members of this community was kind of enough to produce some Jquery code that in effect, fades in a color on rollover and fades it out on rollOut. For convenience, I've included the JSFiddle link here. The main functionality works well. However, when I hover on and off a button rapidly, there appears to be a delayed response that ends up with the hover state becoming dormant even though the mouse is over the button. I'm very close to what I'm looking for and the support of this

问题 We're trying to implement a simple text carousel that replaces a single word in a sentence with a few other words. They will fade in/out and the containers width should shrink/enlarge to accomodate the new word. Sounds simple enough but we're having a hard time. Should function like the second line on www.branch.com. Can't find a plugin for this? Image carousel sure, but not text, and not one that changes the preceding container. It goes through the words but the container needs to change

问题 I try to set the opacity for some images, based on each current offset . The problem is, that the opacity is not equal to all images if you scroll far down. That's what I try to accomplish, for each image: ################ # # # # # # # === <= opacity 1 # # # *** <= opacity 0.6 # # ################ ... <= opacity 0 Currently it works only for the first ~2-3 images. All further down are not set from 0-1 , rather than from 0.5-40 or else. Another problem is, that if the scroll-offset is 0 , all

问题 I'm trying to get background Images to fadeIn / fadeOut when the user scrolls down the page. In the long run I'm shooting for a time lapse effect using several background images. I've got the background images changing on scroll, but I can't seem to get them to fade from one to the next. Here is what I've got so far - jsFiddle $(document).scroll(function () { if ($(this).scrollTop() > 1) { $('body').css({ backgroundImage: 'url("http://s3.amazonaws.com/dfc_attachments/images/3237846/sun1_web

问题 I'm trying to fade the top part of my content as it reaches a fixed nav bar with a translucent background. I've got it somewhat working, but you'll see 2 problems: All the content fades out, not just what's approaching the fixed nav. Content should fade at a line by line rate. All the content for all the other divs fade about because of the selector class. I'd appreciate any help! Thanks var divs = $('.section').children(); $(window).on('scroll', function() { var st = $(this).scrollTop();

问题 I have an unordered list, which has maybe 30 items. When one of these items are hovered over, the rest of the list items fade to 30% and the hovered item stays at 100%; when you move away from the list, they all fade back up to 100% and I have managed this. My problems arises when you move from item to item, the other list items fade back up to 100% and then back down to 30%. I want them to stay at 30% unless the user moves away from the whole list. I use the hoverIntent plugin on each list

问题 Greetings! I've added a UIActivityIndicatorView as a subview of a UITableView . The intent is to fade this view out once the underlying table has been refreshed with new data. The problem is that the sections in the table view (e.g., A, B, C, etc.) appear to be added after the Activity Indicator appears, partially blocking the activity indicator for a moment. Is there "a better way" (or more proper way) to be doing this sort of thing when it comes to activity indicators over table views with