Team:SDU-Denmark/menu

From 2012.igem.org

(Difference between revisions)
(test)
Line 1: Line 1:
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 +
<!-- //////////// Site Name //////////// -->
 +
<title>iGEM TEAM ::: SDU-DENMARK</title>
 +
 +
<!-- //////////// Website Icon //////////// -->
 +
<link rel="shortcut icon" href="favicon.ico" />
 +
 +
<!-- //////////// STYLESSHEETS //////////// -->
 +
 +
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">
 +
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SDU-Denmark/nivo-slider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
 +
 +
<!-- //////////// SCRIPTS //////////// -->
 +
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->
 +
 +
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/javascript" ></script>
 +
 +
<!--
 +
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script> -->
 +
 +
<script type="text/javascript" src="js/pirobox.min.js"></script>
 +
<script src="js/jquery.slidinglabels.js" type="text/javascript"></script>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$().piroBox({
 +
my_speed: 400, //animation speed
 +
bg_alpha: 0.6, //background opacity
 +
slideShow : true, // true == slideshow on, false == slideshow off
 +
slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
 +
close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
 +
 +
});
 +
});
 +
</script>
 +
 +
<!-- //////////// Settings for fixed sidebar layout //////////// -->
 +
 +
<script>
 +
 +
$(function() {
 +
 +
    var $sidebar  = $("#sidenav"),
 +
        $window1    = $(window),
 +
        offset    = $sidebar.offset(),
 +
        topPadding = 15;
 +
 +
    $window1.scroll(function() {
 +
        if ($window1.scrollTop() > offset.top + 250 ) {
 +
            $sidebar.stop().animate({
 +
                marginTop: $window1.scrollTop() - (offset.top + topPadding + 230 )
 +
            });
 +
        } else {
 +
            $sidebar.stop().animate({
 +
                marginTop: 0
 +
            });
 +
        }
 +
    });
 +
   
 +
});
 +
</script>
 +
 +
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<!-- //////////// Settings for Nivo Slider //////////// -->
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('#slider').nivoSlider({
 +
effect:'random',
 +
slices:15,
 +
animSpeed:500,
 +
pauseTime:6000,
 +
startSlide:0, //Set starting Slide (0 index)
 +
directionNav:true, //Next &amp; Prev
 +
directionNavHide:true, //Only show on hover
 +
controlNav:true, //1,2,3...
 +
controlNavThumbs:false, //Use thumbnails for Control Nav
 +
controlNavThumbsSearch: '.jpg', //Replace this with...
 +
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 +
keyboardNav:true, //Use left &amp; right arrows
 +
pauseOnHover:true, //Stop animation while hovering
 +
manualAdvance:false, //Force manual transitions
 +
captionOpacity:0.8, //Universal caption opacity
 +
beforeChange: function(){},
 +
afterChange: function(){},
 +
slideshowEnd: function(){} //Triggers after all slides have been shown
 +
});
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
    $(document).ready(function () {
 +
 +
            // transition effect
 +
            style = 'easeOutBounce';
 +
 +
            // if the mouse hover the image
 +
            $('.photo').hover(
 +
                    function() {
 +
                            //display heading and caption
 +
                            $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
 +
                            $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
 +
                    },
 +
 +
                    function() {
 +
                            //hide heading and caption
 +
                            $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
 +
                            $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
 +
                    }
 +
            );
 +
 +
    });
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(function(){
 +
 +
$('#contactform').slidinglabels({
 +
 +
/* these are all optional */
 +
topPosition  : '8px',  // how far down you want each label to start
 +
leftPosition : '8px',  // how far left you want each label to start
 +
axis        : 'x',    // can take 'x' or 'y' for slide direction
 +
speed        : 'fast'  // can take 'fast', 'slow', or a numeric value
 +
 +
});
 +
 +
});
 +
</script>
 +
 +
<!-- script for fixed background-->
 +
<script>
 +
$(window).load(function() {   
 +
 +
var theWindow        = $(window),
 +
    $bg              = $("#bg"),
 +
    aspectRatio      = $bg.width() / $bg.height();
 +
       
 +
function resizeBg() {
 +
 +
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
 +
    $bg
 +
    .removeClass()
 +
    .addClass('bgheight');
 +
} else {
 +
    $bg
 +
    .removeClass()
 +
    .addClass('bgwidth');
 +
}
 +
 +
}
 +
                 
 +
theWindow.resize(function() {
 +
resizeBg();
 +
}).trigger("resize");
 +
 +
});
 +
</script>
 +
 +
 +
</head>
 +
 +
<body>
 +
<div id="leftcolumntotal">
<div id="leftcolumntotal">
<div id="leftcolumn">  
<div id="leftcolumn">  
Line 190: Line 359:
</div>
</div>
<!--\\\\ACCORDION MENU////-->
<!--\\\\ACCORDION MENU////-->
 +
 +
 +
</body>
 +
</html>

Revision as of 14:03, 30 August 2012

iGEM TEAM ::: SDU-DENMARK

Retrieved from "http://2012.igem.org/Team:SDU-Denmark/menu"