Template:Team:KIT-Kyoto/UnderBar

From 2014.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
$('.s-menu li')
+
<!--
-
.hover(
+
var SideMenuLine='<img src="https://static.igem.org/mediawiki/2014/4/40/KIT_pictures_line.png" class="line_d">';
-
function() {
+
// -->
-
$(this).find('a').eq(0).stop()
+
$(".s-menu li a").append(SideMenuLine).find(".line_d",this).width(0).hide();
-
.animate({width:$(this).find('src').width()}, {duration:300, easing:'easeOutExpo'});
+
$(".s-menu a").hover(function(){
-
},
+
if(!$(this).hasClass("select")){
-
function() {
+
$(".line_d",this).stop().show().animate({width:"100%"},500,"easeOutExpo");
-
$(this).find('a').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);
 +
}
 +
});
 +
function nextNaviSet(contents){
 +
//ナビゲーションにクラスを付与
 +
$(".s-menu a.select .line_d").stop().width(0).hide();
 +
$(".s-menu a.select").removeClass("select");
 +
}
</script>
</script>

Latest revision as of 17:52, 20 May 2014

Retrieved from "http://2014.igem.org/Template:Team:KIT-Kyoto/UnderBar"