Template:Team:KIT-Kyoto/UnderBar

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
$('.s-menu li a')
+
var SideMenuLine='<img src="https://static.igem.org/mediawiki/2014/4/40/KIT_pictures_line.png" class="line_d">';
-
.hover(
+
$(".s-menu li a").append(SideMenuLine).find(".line_d,.line_l",this).width(0).hide();
-
function() {
+
$(".s-menu a").hover(function(){
-
$(this).eq(0).stop()
+
if(!$(this).hasClass("select")){
-
.animate({width:$(s-menu li a).width()}, {duration:300, easing:'easeOutExpo'});
+
$(".line_d",this).stop().show().animate({width:"100%"},500,"easeOutExpo");
-
},
+
-
function() {
+
-
$(this).eq(0).stop()
+
-
.animate({width:0}, {duration:300, easing:'easeInCubic'});
+
}
}
-
);
+
},function(){
 +
if(!$(this).hasClass("select")){
 +
$(".line_d",this).stop().animate({width:0},500,"easeOutExpo",function(){$(this).hide();});
 +
//$("img",this).stop().animate({opacity:1},500);
 +
}
 +
});
</script>
</script>

Revision as of 17:38, 20 May 2014