fadeout

问题 I have a homepage with six div's. They are different shaped boxes, and I want them to fade in at random intervals when the page loads. The javascript code is as follows: $(document).ready(function(){ $("#topleft").fadeIn(2000).animate({opacity: 1.0}); }); Of course, I need all six div's to be targeted, not just one, and I want them to randomly fade in within about 3 seconds of the page load. How would I go about this? By the way, I am using jQuery and since I'm new at it, there may be

问题 This question sort of relates to this one: Append div to body when URL hash # changes I'm using Curtain.js and currently I have a fixed div that pops up when the hash changes. I.E the div fades in when the user scrolls down the page to different panels. I don't want this div to be visible on the first panel. The problem I now have is that when the visitor scrolls back up the page to the top the fixed div is still visible. I.e. appearing on top of the first panel. I would like to fade that div

问题 this is my first time posting on here and have read alot of helpful stuff over the past few weeks since I found the site! So, my question is: I have the following code on my site and what im trying to do is... When an element (.btn-leavecomment) is clicked, a hidden div (#commenttype) is revealed via slideDown. This hidden div contains two radio buttons. On click/selection of the 'first' radio button (.reveal_ccform) I would like another hidden div to be revealed (I have this all working up

问题 I need to fade out and fade in some child elements in <div> like in Toni Almeida'a answer: Fade in and out image <div class="display" id="slideshow"> <a class="slice" href="myUrl1"> <div class="caption">Some text1...</div> <img src="AnyUrl1" width="360" height="300"/> </a> <a class="slice" href="myUrl2"> <div class="caption">Some text2...</div> <img src="AnyUrl2" width="360" height="300"/> </a> <a class="slice" href="myUrl3"> <div class="caption">Some text3...</div> <img src="AnyUrl3" width=

问题 got a problem i need to do something like a fading banner - one div fading out then second div fading in, here's the code: $(document).ready(function() { setTimeout(function() { $('#zeus').fadeOut(1000); }, 5000); $('#zeuss').hide(); setTimeout(function(){ $('#zeuss').fadeIn(1000); }, 6000); }); it works, but after #zeuss fades in then it just stays here. I need to do that repeatedly. And please don't offer to use .delay() because im on jquery 1.3.2 EDIT. by default #zeus is shown on the page

问题 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 searched for this problem but couldn't find solution that works for me. I'm trying to do four checkboxes, from which only three can be selected. And when fourth checkbox is selected there is a faded in message, which informs the user about the limit. This is the part that fades in the text: $('#warning').fadeIn('slow',function() { $(this).stop().text("(You can't have more than 3 selected options)"); setTimeout(function() { $("#warning").fadeOut(300); }, 2500); }); I couldn't do it with a

问题 i wanna create a flash news title. but i don't know where is the the problem! :( (because im beginner in web designing :D ) so... i wanna to create a part of title that show(fadeIn) one title and hide(fadeOut) with delay... and after that show next title... (in a loop without stop)! plz help me to learn how to and create that...:D these are my code that i wrote: <div id="flashNews"> <div class="news">This is news title 1</div> <div class="news">This is news title 2</div> <div class="news"

问题 Just to clarify, when you load my site I have a bit of text that fades in (quote), and then fades out. Afterwards a new bit of text (my brand name) fades in. Since I want people to have enough time to read the first text (the quote) the fade in and fade out are a bit long, however I don't want people to get impatient after visiting the site for the 5th time and having to wait every time. Therefore I was thinking of a "skip-like" button or text (IE: SKIP) so that they can fastforward to where

问题 I'm trying to make a div fadeIn when another div is clicked and fadeOut again when another div is clicked (which would be the close button) but my code doesn't work, did I forget something? Here's the CSS: body{ margin: 0; padding: 0; text-align: center; background-color:#f0f2df; } #container{ border: solid 1px #f0f2df; background-color:#f0f2df; text-align: left; margin: auto; width: 939px; height: 570px; top:41px; position:relative; } #contact_form{ display: none; background-image:url(..