Difference between revisions of "Team:ZJU-China/js/globe/ZJU-ajax.js"
Line 12: | Line 12: | ||
jQuery('#nav li a').click(function(){ | jQuery('#nav li a').click(function(){ | ||
− | var iWidth = document.documentElement.clientWidth; | + | var iWidth = document.documentElement.clientWidth*2; |
− | var iHeight = document.documentElement.clientHeight; | + | var iHeight = document.documentElement.clientHeight*2; |
var bgObj = document.createElement("div"); | var bgObj = document.createElement("div"); | ||
bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:998;"; | bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:998;"; |
Revision as of 07:11, 7 September 2015
jQuery(document).ready(function() {
var hash = window.location.hash.substr(1); var href = jQuery('#nav li a').each(function(){ var href = jQuery(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #page-content-wrapper'; jQuery('#page-content-wrapper').load(toLoad) } });
jQuery('#nav li a').click(function(){
var iWidth = document.documentElement.clientWidth*2; var iHeight = document.documentElement.clientHeight*2; var bgObj = document.createElement("div"); bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:998;"; document.body.appendChild(bgObj);
var toLoad = jQuery(this).attr('href')+' #page-content-wrapper'; jQuery('#page-content-wrapper').hide('fast',loadContent); jQuery('#load').remove(); jQuery('#wrapper').append('LOADING...'); jQuery('#load').fadeIn('normal'); window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5); function loadContent() { jQuery('#page-content-wrapper').load(toLoad,,showNewContent()) } function showNewContent() { jQuery('#page-content-wrapper').show('normal',hideLoader()); } function hideLoader() {
setTimeout(function() { jQuery('#load').fadeOut('normal'); document.body.removeChild(bgObj); }, 1000);
} return false;
});
});