Template:Team:KIT-Kyoto/navi

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
$(function() {
$(function() {
$('#nav5 a')
$('#nav5 a')
-
//ボタンを-200で配置
+
//ボタンを-200する
.each(function(){
.each(function(){
-
$(this).css('margin-left', '-200px')
+
$(this).css('margin-left', '-300px')
})
})
 +
//アニメーション処理
.hover(
.hover(
function(){
function(){
$(this).stop().animate({
$(this).stop().animate({
'marginLeft':'0px'
'marginLeft':'0px'
-
},'fast');
+
},'falst', 'easeOutQuad');
},
},
function () {
function () {
$(this).stop().animate({
$(this).stop().animate({
'marginLeft':'-200px'
'marginLeft':'-200px'
-
},'slow');
+
},'slow', 'easeInQuad');
}
}
);
);
});
});
</script>
</script>

Revision as of 11:45, 21 May 2014