ÿþ<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#news").attr("src", "news.html" ); $("#people").attr("src", "people.html" ); $("#movies").attr("src", "movies.html" ); $("#mboard").attr("src", "mboard.html" ); $("ul > li > span").addClass("clickable"); $("ul > li > span").click( function() { if ( $(this).is(".clickable") ) { $("ul > li > span").removeClass( "current" ).addClass( "clickable" ); $(this).removeClass( "clickable").addClass( "current" ); $("#page_body").load( $(this).attr("src") ); } } ); $("#news").click(); }); </script> <link href="appearance_home.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="body_div">&nbsp;</div> <div id="all_tabs"> <ul id="tabs"> <li><span id="news">News</span></li> <li><span id="people">People</span></li> <li><span id="movies">Movies</span></li> <li><span id="mboard">Message Board</span></li> </ul> </div> <div class="main_body" id="page_body"> </div> <br> <br> </body> </html>