Código :
<link rel="stylesheet" type="text/css" href="css/default.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="css/thin.css" title="thin"/>
<link rel="alternate stylesheet" type="text/css" href="css/wide.css" title="wide"/>
<link rel="alternate stylesheet" type="text/css" href="css/wider.css" title="wider"/>
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<link href="css/startlight.css" rel="stylesheet" type="text/css" />
<script src="scripts/dynamiclayout.js" type="text/javascript"></script>
<script language="javascript" src="scripts/jquery.js" type="text/javascript"></script>
$(document).ready(function(){
$("#nav-one li").hover(
function(){ $("ul", this).fadeIn("fast"); },
function() { }
);
if (document.all) {
$("#nav-one li").hoverClass ("sfHover");
}
});
$.fn.hoverClass = function(c) {
return this.each(function(){
$(this).hover(
function() { $(this).addClass(c); },
function() { $(this).removeClass(c); }
);
});
};
el archivo de http://particletree.com/features/dynamic-resolution-dependent-layouts/
