Week 1: Exercise 3 (p.33-34)

fadeIn: Here we are using the jQuery library and using the fadeIn function to run an animation to fade in a specific section of the page.

The fadeIn function of jQuery is animating the content within the 'body' selector and making it slowly visible.

Notes:

Loads the jQuery library from a local source. jQuery is a set of pre-built Javascript behaviours which helps simplify our coding.
Uses the fadeIn(); command on the 'body' selector of the page to fade it in.
The length of time to fade in is specified in milliseconds.

See the code:


	<-- Link to the jQuery library stored in a local folder -->
<script src= "../_js/jquery-1.6.3.min.js"></script>
	
	
	<-- Call the jQuery fadeIn function and specify what to fade in and for how long -->
<script>
$(document).ready(function(){
  $('body').hide().fadeIn(3000);
});
</script>