fadeout

问题 I have this basic example working: http://www.mharrisweb.co.uk/tester.htm Is there anyway I can get the fading text to scroll slightly, to create a more fluid tranisiton? Like this site: http://themetrust.com/demos/hero/ Many thanks 回答1: use this var divs = $('.social, .title'); $(window).scroll(function(){ if($(window).scrollTop()<10){ divs.stop(true,true).fadeIn("fast"); } else { divs.stop(true,true).fadeOut("fast"); } }); 回答2: Just manipulate the margins of the text like you did the

问题 On http://judi.simpleupdates.com/ I am attempting to make a slideshow of images on a page using the jQuery fadeIn and fadeOut effects. Both items fadeIn without issue. However, fadeOut is not changing the display property of the div that is supposed to disappear. Any ideas why this might not be working as expected? This is the line that is failing: $( ".carousel_item:nth-child(" + selected + ")" ).fadeOut(600); UPDATE: The issue seems to be with fadeOut on a element that does not have a width

问题 I don't want to fade in and fade out like most common solution for the uiview animation. I would like to have the uiview resize to small until it disappear and comes back the same way. Another way to say it is having a camera pointing closely at the table with all the object in it (UIView) and camera backs up and the more it backs up the smaller the table gets. Which is why i titled which is mainly my app the whole uiview sinks into the water and floats back up. Hopefully i'll find a tutorial

问题 I don't want to fade in and fade out like most common solution for the uiview animation. I would like to have the uiview resize to small until it disappear and comes back the same way. Another way to say it is having a camera pointing closely at the table with all the object in it (UIView) and camera backs up and the more it backs up the smaller the table gets. Which is why i titled which is mainly my app the whole uiview sinks into the water and floats back up. Hopefully i'll find a tutorial

问题 I want to have an image fade out slowly on load. Idea is that my name, which you click to enter my site, stays briefly on my homepage, like a visual echo from my intro page. I'm sure its a snitch, but I'm new to coding and so I am struggling. I've gleaned that I need to have css visibility:hidden; (not sure if I need to put this in the jquery or in the actual css, or both) as I want the other elements on my page not to jump when image fully dissappears. NB have substituted image for text in

问题 This question already has answers here : Closed 7 years ago . Possible Duplicate: ScrollTop really jerky in Chrome I'm using the following code to get a back to top button and a navigation to fade in once the user scrolls. The problem is its triggering every time you scroll, therefore causing the scrolling to be really jerky. Is there an alternate way to do this, which would maybe trigger the function only once? $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 600) { $

问题 i've recently been implementing an image slider using jQuery. So i have a problem in Firefox where the FadeIn/FadeOut transitions would shorten the width or height of my images by 1 px. but only while the effect is in progress. once the progress is done, the image had full dimensions again 回答1: Found it. add this style to your image and it will be solved on FF. box-shadow: #000 0em 0em 0em; for some reason unknown to me yet this is the fix. Bug in FireFox. 来源： https://stackoverflow.com

问题 I am trying to accomplish the following: 1. On click, have a div with id="fader" fadeout 2. replaceHtml of fader with new html (this new HTML will appear below the fold of the browser) 3. Animate new HTML to slide up to the specified location Step 1 and 2 are working, step 3 is not and I'm stumped as to why. Here's the javascript: $("#fader").fadeOut(1000, function() { $(this).replaceWith('<div id=\"fader\" style=\"margin-top:-500px;width:500px;height:400px;border:1px solid black;\">new div<

问题 I want to make collasping toolbar, in which is my custom Layout . On the image below is presented use of new released design.support lib. On the img.1, the element (ImageView) is disappearing. In my project I want to disappear a Layout. Because inside Layout will be ViewPager it can not be resized like the image, it should dissolve in Toolbar background - should become transparent. img. 1 Additionaly I want to open/hide ToolbarLayout by moving ToolbarFooter - belt to move - bright blue Layout

问题 I know this question has been asked before but I seem to have a different problem than has been addressed before. I have a table and I would like each row to have a delete link that fades the table row out and then removes the table row from the DOM. My first problem was that I couldn't get the jQuery fadeOut effect to work on table rows and found that you have to actually call fadeOut on the row's td elements. So, here is my jJavascript: $('span.deleteItem').live('click', function() { $(this