Team:BIT/index.js
From 2014.igem.org
// JavaScript Document /*横向二级导航*/ $(document).ready(function(){ $('ul.one').hide();
//Open Menu $('.nav li').hover( function(){ var openMenu= $(this).children('ul.one'); $(openMenu).show(); }, function(){ var openMenu= $(this).children('ul.one'); $(openMenu).hide(); });
//Open Sub Menu /* $('.one#sub-menu').css({ 'left':'80%', 'top':'0' }); $('.one li').hover( function(){ var subMenu=$(this).children('.one#sub-menu'); $(subMenu).css({ 'left':'100%', 'top':'10%', }) });*/
});
/*图片变色*/
$(document).ready(function(){
$("#project").mouseover(function(){ $("#project").attr("src","");
});
$("#project").mouseout(function(){ $("#project").attr("src",""); });
}); $(document).ready(function(){
$("#team").mouseover(function(){ $("#team").attr("src","img/BIT_team2.png");
});
$("#team").mouseout(function(){ $("#team").attr("src","img/BIT_team.png"); });
}); $(document).ready(function(){
$("#notebook").mouseover(function(){ $("#notebook").attr("src","img/BIT_notebook2.png");
});
$("#notebook").mouseout(function(){ $("#notebook").attr("src","img/BIT_notebook.png"); });
}); $(document).ready(function(){
$("#human").mouseover(function(){ $("#human").attr("src","img/BIT_human2.png");
});
$("#human").mouseout(function(){ $("#human").attr("src","img/BIT_human.png"); });
}); $(document).ready(function(){
$("#inter").mouseover(function(){ $("#inter").attr("src","img/BIT_inter2.png");
});
$("#inter").mouseout(function(){ $("#inter").attr("src","img/BIT_inter.png"); });
}); $(document).ready(function(){
$("#model").mouseover(function(){ $("#model").attr("src","img/BIT_model2.png");
});
$("#model").mouseout(function(){ $("#model").attr("src","img/BIT_model.png"); });
}); $(document).ready(function(){
$("#device").mouseover(function(){ $("#device").attr("src","img/BIT_device2.png");
});
$("#device").mouseout(function(){ $("#device").attr("src","img/BIT_device.png"); });
});
/*横向导航*/
$(document).ready(function(){
$(".nav li").mouseover(function(){
$(this).css("background","rgba(255,255,255,0.5)")
});
$(".nav li").mouseout(function(){
$(this).css("background","none")
});
});
/*human_practice切换文字*/
$(document).ready(function(){
$("#photo1").click(function(){
$("#big").css("background","url(../img/BIT_photo1.png)")
$("#text1").css("display","block")
$("#text2").css("display","none")
$("#text3").css("display","none")
$("#text4").css("display","none")
})
$("#photo2").click(function(){
$("#big").css("background","url(../img/BIT_photo2.png)")
$("#text2").css("display","block")
$("#text1").css("display","none")
$("#text3").css("display","none")
$("#text4").css("display","none")
})
$("#photo3").click(function(){
$("#big").css("background","url(../img/BIT_photo3.png)")
$("#text3").css("display","block")
$("#text2").css("display","none")
$("#text1").css("display","none")
$("#text4").css("display","none")
})
$("#photo4").click(function(){
$("#big").css("background","url(../img/BIT_photo4.png)")
$("#text4").css("display","block")
$("#text2").css("display","none")
$("#text3").css("display","none")
$("#text1").css("display","none")
})
})