How To Load Selected Elements When The Browser First Load?

[samsons17]

Hi, i am trying to do like what twitter did.
Which is the navigation header on the top will get loaded first when the website is first opened.

So i get this html code :

<div id="top_header">
<div id="header_wrapper">
<a href="index.php"><img src="images/rylogo.png" id="rylogo" /></a>

<ul id="navigation">
	<li id="nav_selected"><a href="index.php" title="Home">Home</a></li>
	<li><a href="generalwriting.php" title="Writings About Random Things">General Writings</a></li>
	<li><a href="skillsets.php" title="Skills That I got">Skillsets</a></li>
	<li><a href="portfolio.php" title="My Portfolio/Projects">Portfolio</a></li>
	<li><a href="contact.php" title="Contact Me">Contact</a></li>
	<li><a href="faves.php" title="Links Of My Favourite Pages">Faves</a></li>
    <li><a href="services.php" title="Hire Me / Be My Patner ">Services</a></li>
     <li><a href="tutorials.php" title="Check Out My Free Tutorials ">Tutorials</a></li>
</ul>

<ul id="social">
    <li><a href="http://www.facebook.com/ryzyus" target="_blank"><img src="images/facebook.png"></a></li>
    <li><a href="http://twitter.com/#!/ryzalyusoff" target="_blank"><img src="images/twitter.png"></a></li>
	<li><a href="http://www.youtube.com/user/rytechchannel" target="_blank"><img src="images/youtube.png"></a></li>
	<li><a href="http://my.linkedin.com/in/ryzalyusoff" target="_blank"><img src="images/linkedin.png"></a></li>
	
</ul>

</div>
</div>

So how could i get this header loaded first?
Thank You for helping :)