Team:Heidelberg/Templates/Footer-Nav

From 2013.igem.org

(Difference between revisions)
m
m
Line 7: Line 7:
<script type="text/javascript">
<script type="text/javascript">
-
$(function() {
+
    $('#nav > div').hover(
-
                $('#nav > div').hover(
+
    function () {
-
                function () {
+
        var $this = $(this);
-
                    var $this = $(this);
+
        $this.find('img').stop().animate({
-
                    $this.find('img').stop().animate({
+
            'width'    :'250px',
-
                        'width'    :'250px',
+
            'height'    :'250px',
-
                        'height'    :'250px',
+
            'top'      :'0 px',
-
                        'top'      :'0 px',
+
            'left'      :'0 px',
-
                        'left'      :'0 px',
+
            'opacity'  :'3.0',
-
                        'opacity'  :'3.0',
+
        },200,'easeOutBack',function(){
-
                    },200,'easeOutBack',function(){
+
            $(this).parent().find('ul').fadeIn(100);
-
                        $(this).parent().find('ul').fadeIn(100);
+
        });
-
                    });
+
        $this.find('img').css('z-index', '1');
-
$this.find('img').css('z-index', '1');  
+
        $this.find('a:first,h2,ul').addClass('active');
-
                    $this.find('a:first,h2,ul').addClass('active');
+
    },
-
                },
+
    function () {
-
                function () {
+
        var $this = $(this);
-
                    var $this = $(this);
+
        $this.find('ul').fadeOut(500);
-
                    $this.find('ul').fadeOut(500);
+
        $this.find('img').stop().animate({
-
                    $this.find('img').stop().animate({
+
            'width'    :'52px',
-
                        'width'    :'52px',
+
            'height'    :'52px',
-
                        'height'    :'52px',
+
            'top'      :'0px',
-
                        'top'      :'0px',
+
            'left'      :'0px',
-
                        'left'      :'0px',
+
            'opacity'  :'0',
-
                        'opacity'  :'0',
+
        },1000,'easeOutBack');
-
                    },1000,'easeOutBack');
+
        $this.find('a:first,h2,ul').removeClass('active');
-
                    $this.find('a:first,h2,ul').removeClass('active');
+
    }
-
                }
+
);
-
            );
+
    $('.btn-popover').popover({
-
                $('.btn-popover').popover({
+
        'html' : true,
-
                    'html' : true,  
+
        'placement' : 'left',
-
                    'placement' : 'left',
+
        'container' : 'body',
-
                    'container' : 'body',
+
    });
-
                });
+
-
 
+
-
            });
+
-
 
+
 +
});
</script>
</script>
</html>
</html>

Revision as of 01:33, 5 October 2013

Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/Footer-Nav"