Template:Nanormous
From OpenWetWare
<html> <head> <link href='http://nanomours.googlecode.com/svn/trunk/main.css' rel='stylesheet' type='text/css'> <link href='http://nanomours.googlecode.com/svn/trunk/css/jquery.kwicks.css' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CTrade+Winds%7CLato:400,700' rel='stylesheet' type='text/css'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type"text/javascript"> //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); </script>
<style type='text/css'>
.kwicks {
width: 515px;
height: 100px;
}
.kwicks > a {
height: 100px;
/* overridden by kwicks but good for when JavaScript is disabled */
width: 125px;
margin-left: 5px;
float: left;
}
#panel-1 { background-color: #53b388; }
#panel-2 { background-color: #5a69a9; }
#panel-3 { background-color: #c26468; }
#panel-4 { background-color: #bf7cc7; }
</style>
</head>
<a href='#' id='panel-1'></a> <a href='#' id='panel-2'></a> <a href='#' id='panel-3'></a> <a href='#' id='panel-4'></a>
<script src='http://nanomours.googlecode.com/svn/trunk/js/jquery.kwicks.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$('.kwicks').kwicks({
maxSize : 250,
behavior: 'menu'
});
});
</script>
</html>
