Template:ZJU-China/Javascript/project

$(document).ready(function() { var labelWidth = 0.8 * $('.nav').width() / ($('.nav_label').length - 1); // var temp = labelWidth / labelNum; // alert("NAV_Width "+labelWidth + " Label_width "+ temp); var imgWidth = $('.navImg').height(); $('.navImg').css('width', imgWidth+'px');

var labelHeight = $('.nav').height(); $.each($('.nav_label'), function() { $(this).css('width', labelWidth+'px'); $(this).hover(function() { $(this).children('.links').css('display', 'block'); var temp = $(this).children('.navImg').attr('imgHover'); $(this).children('.navImg').css('background-image', temp); }); $(this).mouseleave(function() { $(this).children('.links').css('display', 'none'); var temp = $(this).children('.navImg').attr('img'); $(this).children('.navImg').css('background-image', temp); }); });

$.each($('.links li'), function() { $(this).css('height', labelHeight/2+'px'); });

var logoW = 0.2 * $('.nav').width(); $('#logo').css('width', logoW + 'px'); $('#logo').hover(function() { var temp = $(this).children('.navImg').attr('img'); $(this).children('.navImg').css('background-image', temp); $(this).css('background', 'white'); $(this).css('color', '#1A94BC'); }); });