Need to simulate notification message using jQuery
<p>I want to show a message at the bottom-right of the page. I searched Google and I got the right code for it but I have some confusion...some please help me to understand.</p>

<p>Here is the code:</p>

<pre><code>&lt;a href="#" class="notify"&gt;Show Notification&lt;/a&gt;
&lt;div id="notify"&gt;You are sexy today!&lt;/div&gt;

#notify {
    position: fixed;
    right: 10px;
    bottom: -200px;
    width: 150px;
    line-height: 80px;
    text-align: center;
    background-color: #ccc;
}

$('.notify').click(function(e) {
   e.preventDefault();
   $('#notify').animate({ bottom: "10px" }, 250);
});

$('#notify').click(function() {
   $(this).animate({ bottom: "-200px" }, 250);
});
</code></pre>

<ol>
<li>Why is <code>right</code> 10px in CSS?</li>
<li>Why has <code>line-height</code> been set in CSS?</li>
<li>What does <code>animate</code> do here? If it will increase 10px then how long it will increase?</li>
<li>What is the meaning of this line: <code>$(this).animate({ bottom: "-200px" }, 250);</code>?</li>
</ol>

<p>Please help me to understand those above point. Thanks.</p>
