Template:Team:KIT-Kyoto/navi

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript">
<script type="text/javascript">
-
$(".navi-team")
+
$(function() {
-
.each(function(){
+
$('#nav5 a')
-
var $(".navi-team") = $(this);
+
//ボタンを-200で配置
-
if ($(".navi-team").has('a')) {
+
.each(function(){
-
$(".navi-team").find('a')
+
$(this).css('margin-left', '-200px')
-
.clone()
+
})
-
.find('>img').attr('src', function(){
+
.hover(
-
return $(this).attr('src').replace('b/b4/KIT_ABOUT_off', '0/0d/KIT_ABOUT_on')
+
function(){
-
})
+
$(this).stop().animate({
-
.end()
+
'marginLeft':'0px'
-
.css('width', 0)
+
},'fast');
-
.appendTo($li)
+
},
-
}
+
function () {
-
})
+
$(this).stop().animate({
-
.hover(
+
'marginLeft':'-200px'
-
function(e) {
+
},'slow');
-
$(".navi-team").find('a').eq(1).stop()
+
}
-
.animate({width:$(this).find('img').width()}, {duration:300, easing:'easeOutExpo'});
+
);
-
},
+
});
-
function(e) {
+
-
$(".navi-team").find('a').eq(1).stop()
+
-
.animate({width:0}, {duration:300, easing:'easeInCubic'});
+
-
}
+
-
);
+
</script>
</script>

Revision as of 08:51, 21 May 2014