Qatrix

$fadein

1. element [object]

   The element will be faded in.

2. duration (optional) [number]

   The duration of animation in milliseconds.

3. callback (optional) [function]

   The callback function will be fired after the animation is completed.

Notes

This is the most common animation to display element with better visual effects.

Example

HTML code

<button onclick="start_fadein()">start fadein</button>
<div id="box">This is a box</div>
<div id="test"></div>

CSS code

#box {
	width: 200px;
	height: 60px;
	font-size: 12px;
	background: #5599bb;
	padding: 10px;
}

JavaScript code

function start_fadein()
{
	$fadein( $("box") );
}

Demonstration