Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)
Line 446: Line 446:
                 $('#sdt_menu > li').bind('mouseenter',function(){
                 $('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);
var $elem = $(this);
 +
                var $sub_menu = $elem.find('.sdt_box');
 +
if($sub_menu.length){
 +
$sub_menu.show().animate({'top':'0px','height':'0px'},0);
 +
}
 +
$elem.find('img')
$elem.find('img')
.stop(true)
.stop(true)
Line 456: Line 461:
.find('.sdt_wrap')
.find('.sdt_wrap')
    .stop(true)
    .stop(true)
-
.animate({'top':'140px'},500,'easeOutBack')
+
.animate({'top':'100px'},300,'easeOutSine')
.andSelf()
.andSelf()
.find('.sdt_active')
.find('.sdt_active')
    .stop(true)
    .stop(true)
-
.animate({'height':'170px'},300,function(){
+
.animate({'height':'150px','top':'0px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
if($sub_menu.length){
-
var left = '170px';
+
                            var a = $sub_menu[0].getElementsByTagName('a').length;
-
if($elem.parent().children().length == $elem.index()+1)
+
                            var px = a*15+20;
-
left = '-170px';
+
                            var height = px+'px';
-
$sub_menu.show().animate({'down':left},400);
+
$sub_menu.show().animate({'top':'150px','height':height},400);
}
}
});
});
Line 473: Line 478:
var $sub_menu = $elem.find('.sdt_box');
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
if($sub_menu.length)
-
$sub_menu.hide().css('left','0px');
+
$sub_menu.hide().animate({'top':'0px','height':'0px'},0,function(){
-
+
                        $elem.find('.sdt_active')
-
$elem.find('.sdt_active')
+
.stop(true)
.stop(true)
.animate({'height':'0px'},300)
.animate({'height':'0px'},300)
Line 488: Line 492:
.stop(true)
.stop(true)
.animate({'top':'25px'},500);
.animate({'top':'25px'},500);
 +
                });
 +
});
});
             });
             });
Line 689: Line 695:
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">DNA Damage Sensor</span>
+
<span class="sdt_link">Biosensor</span>
<span class="sdt_descr">Fluorescent markers</span>
<span class="sdt_descr">Fluorescent markers</span>
</span>
</span>
Line 706: Line 712:
</span>
</span>
</a>
</a>
-
<div class="sdt_box">
+
<div class="sdt_box" style="height:60px">
<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
<a href="/Team:Brown-Stanford/Lab/Notebook">Notebook</a>
<a href="/Team:Brown-Stanford/Lab/Protocols">Protocols</a>
<a href="/Team:Brown-Stanford/Lab/Protocols">Protocols</a>

Revision as of 21:22, 27 June 2011

Retrieved from "http://2011.igem.org/Team:Brown-Stanford/Templates/Main"