Difference between revisions of "Team:ZJU-China/Template/label.js"
| Line 35: | Line 35: | ||
jQuery('#page-content-wrapper').show('normal',hideLoader()); | jQuery('#page-content-wrapper').show('normal',hideLoader()); | ||
jQuery('#popView2').show('normal',hideLoader()); | jQuery('#popView2').show('normal',hideLoader()); | ||
| − | + | ||
} | } | ||
function hideLoader() { | function hideLoader() { | ||
| Line 56: | Line 56: | ||
jQuery('#popView1').animate({left:'+=150px'});//菜单块向右移动 | jQuery('#popView1').animate({left:'+=150px'});//菜单块向右移动 | ||
jQuery('#popView2').css('display','inline'); | jQuery('#popView2').css('display','inline'); | ||
| − | jQuery('#popView2').animate({right:'+= | + | jQuery('#popView2').animate({right:'+=170px'});//菜单块向左移动 |
}else{ | }else{ | ||
jQuery('#popView1').animate({left:'-=150px'}); //菜单块向左移动 | jQuery('#popView1').animate({left:'-=150px'}); //菜单块向左移动 | ||
| − | jQuery('#popView2').animate({right:'-= | + | jQuery('#popView2').animate({right:'-=170px'});//菜单块向右移动 |
jQuery('#popView2').fadeOut('normal'); | jQuery('#popView2').fadeOut('normal'); | ||
} | } | ||
Revision as of 12:15, 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'; var toLoad1= hash+'.html #popView2'; jQuery('#page-content-wrapper').load(toLoad); jQuery('#popView2').load(toLoad1); } });
jQuery('#nav li a').click(function(){
var iWidth = document.documentElement.clientWidth;
var iHeight = document.documentElement.clientHeight*5;
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'; var toLoad1 = jQuery(this).attr('href')+' #popView2'; jQuery('#page-content-wrapper').hide('fast',loadContent); jQuery('#popView2').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()); jQuery('#popView2').load(toLoad1,,showNewContent()); } function showNewContent() { jQuery('#page-content-wrapper').show('normal',hideLoader()); jQuery('#popView2').show('normal',hideLoader());
} function hideLoader() {
setTimeout(function() { jQuery('#load').fadeOut('normal'); document.body.removeChild(bgObj); }, 1000);
} return false;
});
});
jQuery(document).ready(function(){
var isHiden1 = true; /*控制切换菜单*/
var isHiden2 = true; /*控制切换菜单*/
jQuery('#popView1').click(function(){
if(isHiden1){
jQuery('#popView1').animate({left:'+=150px'});//菜单块向右移动
jQuery('#popView2').css('display','inline'); jQuery('#popView2').animate({right:'+=170px'});//菜单块向左移动
}else{
jQuery('#popView1').animate({left:'-=150px'}); //菜单块向左移动
jQuery('#popView2').animate({right:'-=170px'});//菜单块向右移动
jQuery('#popView2').fadeOut('normal');
}
isHiden1 = !isHiden1;
});
jQuery(document).scroll(function() {
if(jQuery(document).scrollTop()>=100)
{
jQuery('aside').css('position','fixed').css('top','50px');
jQuery('asider').css('position','fixed').css('top','50px');
jQuery('aside').fadeIn('normal');
if(isHiden1>0){
jQuery('asider').fadeIn('normal');
}
}
else
{
jQuery('aside').css('position','static').css('float','left').css('position','absolute').css('top','150px');
jQuery('asider').css('position','static').css('float','left').css('position','absolute').css('top','150px');
jQuery('aside').fadeOut('normal');
jQuery('asider').css('display','none');
}
});
});
/* slide */
jQuery(document).ready(function(){
jQuery('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash,
$target = jQuery(target);
jQuery('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});