Template:Nanormous: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
No edit summary |
(Undo revision 709086 by Lucas Schirmer (Talk)) |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
< | <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 { | |||
height: 50px; | |||
} | |||
.kwicks > a { | |||
height: 50px; | |||
} | |||
#panel-1 { background-color: #2ecc71; } | |||
#panel-2 { background-color: #3498db; } | |||
#panel-3 { background-color: #e74c3c; } | |||
#panel-4 { background-color: #9b59b6; } | |||
</style> | |||
</head> | </head> | ||
<div class='kwicks kwicks-horizontal'> | |||
<a href='#' id='panel-1'></a> | |||
<a href='#' id='panel-2'></a> | |||
<a href='#' id='panel-3'></a> | |||
<a href='#' id='panel-4'></a> | |||
</div> | |||
<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> | </html> |
Latest revision as of 07:53, 25 October 2013
<html> <head>
<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 { height: 50px; } .kwicks > a { height: 50px; }
#panel-1 { background-color: #2ecc71; } #panel-2 { background-color: #3498db; } #panel-3 { background-color: #e74c3c; } #panel-4 { background-color: #9b59b6; } </style>
</head>
<div class='kwicks kwicks-horizontal'>
<a href='#' id='panel-1'></a> <a href='#' id='panel-2'></a> <a href='#' id='panel-3'></a> <a href='#' id='panel-4'></a> </div>
<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>