Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<!-- This next would probably be in your main CSS file, but shown
     inline here just for purposes of the example
-->
<style type="text/css">
* {
    /* Hide it for nifty fade-in effect */
    display: none;
}
</style>
<!-- Fallback for non-JavaScript people -->
<noscript>
<style type="text/css">
* {
    /* Re-displays it by overriding the above */
    display: block;
}
</style>
</noscript>
</head>
<div>
  addasadsdas
<p>Here's your gravatar: <img src="http://www.gravatar.com/avatar/4df52443b77edf2b252d2e52d573c47c?s=32&d=identicon&r=PG"></p></div>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
// This version waits until the window#load event
(function($) {
  
  $(window).load(function() {
    $(document.'*').fadeIn(1000);
  });
​
})(jQuery);
</script>
</body>
</html>
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers