"
Team:SYSU-China/content.html
From 2014.igem.org
| Line 1: | Line 1: | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | $(function() { | |
| - | + | var navicon = ["Project", "Judging", "HumanPractice", "Team"]; | |
| - | + | var urlHash = ["Project/Background", "Judging/Safetyform", "HumanPractice/iGEMCC", "Team/Ourteam"]; | |
| + | var colors = ["#b5c90f", "#ed8f6b", "#7aa59e", "#ed9d60"]; | ||
| - | + | function navigationSet() { | |
| - | + | $(".dl-menu").each(function(i) { | |
| + | $(this).css("background-color", colors[i]); | ||
| + | $(this).children().each(function() { | ||
| + | $($(this).children()[1]).css("background-color", colors[i]); | ||
| + | }); | ||
| + | }); | ||
| + | $(".navibar img").each(function(index) { | ||
| + | $(this).hover(function() { | ||
| + | var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | //$(this).css({"width" : "45px", "height" : "45px"}); | ||
| + | }, function() { | ||
| + | var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | //$(this).css({"width" : "40px", "height" : "40px"}); | ||
| + | }).trigger("mousehover"); | ||
| - | + | $(this).click(function() { | |
| - | + | gotoTop(1); | |
| - | + | var hrefhash = urlHash[index]; | |
| + | $.locationHash(hrefhash); | ||
| + | }); | ||
| + | }); | ||
| + | } | ||
| - | + | function fixscroll() { | |
| - | + | //获取要定位元素距离浏览器顶部的距离 | |
| - | + | var navH = $($(".navibar")[0]).position().top; | |
| - | + | var nav2H = $($(".navigation2")[0]).position().top; | |
| - | + | //滚动条事件 | |
| - | + | $(window).scroll(function(){ | |
| + | //获取滚动条的滑动距离 | ||
| + | var scroH = $(document).scrollTop(); | ||
| + | //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定 | ||
| + | if(scroH >= navH){ | ||
| + | $(".navibar").css({"position":"fixed","top":"0"}); | ||
| + | } else if(scroH < navH){ | ||
| + | $(".navibar").css({"position":"absolute", "top" : "204px"}); | ||
| + | } | ||
| - | + | if(scroH >= nav2H){ | |
| - | + | $(".navigation2").css({"position":"fixed","top": "60px"}); | |
| + | } else if(scroH < nav2H){ | ||
| + | $(".navigation2").css({"position":"absolute", "top" : "264px"}); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | function stopBubble(e) { | |
| - | + | // 如果提供了事件对象，则这是一个非IE浏览器 | |
| - | + | if ( e && e.stopPropagation ) { | |
| - | + | // 因此它支持W3C的stopPropagation()方法 | |
| - | + | e.stopPropagation(); | |
| - | + | } else { | |
| - | + | // 否则，我们需要使用IE的方式来取消事件冒泡 | |
| - | + | window.event.cancelBubble = true; | |
| - | + | } | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | function requestFile() { | |
| - | + | var lochash = $.locationHash(); | |
| - | + | $.get( | |
| - | + | "igem.php", | |
| - | + | { hash : lochash} , | |
| - | + | function(data){ | |
| - | + | //alert(data); | |
| - | + | $($(".content")[0]).html(data + "<img src=\"images/ZY/sysuchina_top.png\" alt=\"top\" id=\"top\">"); | |
| - | + | top(); | |
| - | + | }, | |
| - | + | "html" | |
| - | + | ); | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | function gotoTop(speed) { | |
| - | + | $('body,html').animate({scrollTop:0},speed); | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | function top() { | |
| - | + | $("#top").click(function() { | |
| - | + | gotoTop(); | |
| - | + | }); | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | function clickSidebar() { | |
| - | + | $(".sidebar li").each(function() { | |
| - | + | $(this).click(function() { | |
| - | + | var hash = $.locationHash(); | |
| - | + | var title = $(this).attr("name"); | |
| - | + | var newhash = hash.replace(/\/[a-zA-Z,_,\s]+$/,'/' + title); | |
| - | + | hashTitletitle = title; | |
| - | + | $.locationHash(newhash); | |
| - | + | }); | |
| - | + | }); | |
| - | + | } | |
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | function jQueryHash() { // hash change listener | |
| - | + | $(window).hashchange(function() { | |
| - | + | /*change page position*/ | |
| - | + | /*change file*/ | |
| - | + | requestFile(); | |
| - | + | $('.single-item div').each(function() { | |
| - | + | $(this).hide(); | |
| - | + | }); | |
| - | + | /*change top image*/ | |
| - | + | var hash = $.locationHash(); | |
| - | + | var hashlist = hash = hash.split('/'); | |
| - | + | var hashnum = hashlist.length; | |
| - | + | var index = navicon.indexOf(hashlist[0]); | |
| - | + | if (hash != "" && hashnum == 0) { | |
| - | + | hashlist.push(hash); | |
| - | + | hashnum = 1; | |
| - | + | } | |
| - | + | if (hashnum == 0) { | |
| - | + | $($('.single-item div')[0]).show(); | |
| - | + | } else { | |
| - | + | if (index != -1) | |
| - | + | $($('.single-item div')[index]).show(); | |
| - | + | } | |
| - | + | $(".dl-menu").each(function() { | |
| - | + | $(this).hide(); | |
| - | + | }); | |
| - | + | $($(".dl-menu")[index]).show(); | |
| - | + | $($("#sidenav button")[0]).css("background-color", colors[index]); | |
| - | + | }); | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | var showTip = false; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | function Tips() { | |
| + | $("#tip em").each(function(i, v) { | ||
| + | $(this).hoverDelay({ | ||
| + | hoverDuring: 200, | ||
| + | outDuring: 200, | ||
| + | hoverEvent: function() { | ||
| + | var tooltipPosTop = $(this).position().top- $("#tipImg").outerHeight(); | ||
| + | //alert(tooltipPosTop); | ||
| + | var tooltipPosLeft = $(this).position().left; | ||
| + | var tooltipPosLeft = tooltipPosLeft - (($("#tipImg").outerWidth()/2) - $(this).outerWidth()/2); | ||
| + | $("#tipImg").css({ 'left': tooltipPosLeft + "px", 'top': tooltipPosTop+"px" }).animate({'opacity':'1', 'marginTop':'0'}, 500); | ||
| + | $("#tipImg").show(); | ||
| + | }, | ||
| + | outEvent: function() { | ||
| + | showTip = true; | ||
| + | |||
| + | setTimeout(function() { | ||
| + | if (showTip) { | ||
| + | $("#tipImg").fadeOut(100); | ||
| + | showTip = false;// do nothing | ||
| + | } | ||
| + | }, 200); | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| - | + | $("#tipImg").hoverDelay({ | |
| + | hoverDuring: 200, | ||
| + | outDuring: 200, | ||
| + | hoverEvent: function() { | ||
| + | showTip = false; | ||
| + | }, | ||
| + | outEvent: function() { | ||
| + | $("#tipImg").fadeOut(100); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| - | + | function GT(o){T=o.offsetTop;if(o.offsetParent!=null)T+=GT(o.offsetParent);return T;} | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | function GL(o){L =o.offsetLeft;if(o.offsetParent!=null)L+=GL(o.offsetParent);return L;} | |
| - | + | ||
| + | function getX(evt) { | ||
| + | return evt.pageX; | ||
| + | } | ||
| + | |||
| + | function getY(evt) { | ||
| + | return evt.pageY; | ||
| + | } | ||
| + | |||
| + | function mousePosition(ev) { | ||
| + | if (ev.pageX || ev.pageY) { | ||
| + | return { x: ev.pageX, y: ev.pageY }; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function linkHome() { | ||
| + | $(".single-item img").each(function() { | ||
| + | $(this).click(function() { | ||
| + | location.href = "newindex.html"; | ||
| + | }); | ||
| + | }); | ||
| + | } | ||
| + | function imgbox() { | ||
| + | $(".fancybox").fancybox(); | ||
| + | } | ||
| + | |||
| + | function flexnavi() { | ||
| + | $(".flexnav").flexNav(); | ||
| + | } | ||
| + | |||
| + | var Navhover = [false, false, false, false, false]; | ||
| + | function navigation() { | ||
| + | /* Icon hover dalay | ||
| + | |||
| + | $(".navigation img").each(function(index) { | ||
| + | $(this).hoverDelay({ | ||
| + | hoverDuring: 20, | ||
| + | outDuring: 20, | ||
| + | hoverEvent: function() { | ||
| + | $($(".firstNav")[index]).show(); | ||
| + | var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | }, | ||
| + | outEvent: function() { | ||
| + | var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | setTimeout(function(){ | ||
| + | if (!Navhover) { | ||
| + | $($(".firstNav")[index]).hide(); | ||
| + | } | ||
| + | }, 100); | ||
| + | |||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | */ | ||
| + | $(".navibar img").each(function(index) { | ||
| + | $(this).hover( function() { | ||
| + | $($(".firstNav")[index]).show(); | ||
| + | var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | }, function() { | ||
| + | var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | setTimeout(function(){ | ||
| + | if (!Navhover[index]) { | ||
| + | //$($(".firstNav")[index]).trigger("mouseleave"); | ||
| + | $($(".firstNav")[index]).hide(); | ||
| + | Navhover[index] = false; | ||
| + | } | ||
| + | }, 50); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | $(".firstNav").each(function(index) { | ||
| + | $(this).hover(function() { | ||
| + | Navhover[index] = true; | ||
| + | }, function() { | ||
| + | Navhover[index] = false; | ||
| + | $($(".firstNav")[index]).hide(); | ||
| + | }).trigger("mousehover"); | ||
| + | }); | ||
| + | |||
| + | $(".firstNav").each(function() { | ||
| + | $(this).hide(); | ||
| + | }); | ||
| + | |||
| + | $(window).resize(function() { | ||
| + | loadJs(); | ||
| + | //document.location.reload(); | ||
| + | }); | ||
| + | |||
| + | /* | ||
| + | $(".navigation img").each(function(index) { | ||
| + | $(this).hover(function() { | ||
| + | var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | }, function() { | ||
| + | var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); | ||
| + | $(this).attr("src", newSrc); | ||
| + | }).trigger("mousehover"); | ||
| + | }); | ||
| + | */ | ||
| + | } | ||
| + | |||
| + | function loadJs(file) { | ||
| + | $("script[src='js/jquery.flexnav.js']").remove(); | ||
| + | $.getscript("js/jquery.flexnav.js"); | ||
| + | } | ||
| + | |||
| + | function modal() { | ||
| + | $('#myModal').reveal({ | ||
| + | animation: 'fadeAndPop', //fade, fadeAndPop, none | ||
| + | animationspeed: 300, //how fast animtions are | ||
| + | closeonbackgroundclick: true, //if you click background will modal close? | ||
| + | dismissmodalclass: 'close-reveal-modal', //the class of a button or element that will close an open modal | ||
| + | }); | ||
| + | } | ||
| + | function sidenav() { | ||
| + | $( '#dl-menu' ).dlmenu(); | ||
| + | $($("#dl-menu button")[0]).trigger("click"); | ||
| + | } | ||
| + | |||
| + | |||
| + | function ini() { | ||
| + | //alert("sd"); | ||
| + | $(".dl-menu").each(function() { | ||
| + | $(this).hide(); | ||
| + | }); | ||
| + | $($(".dl-menu")[0]).show(); | ||
| + | |||
| + | $("#tipImg").hide(); | ||
| + | |||
| + | $($(".dl-menu")[0]).show(); | ||
| + | |||
| + | var currentHash = $.locationHash(); | ||
| + | |||
| + | //getPage(); | ||
| + | //routeTree(); | ||
| + | navigationSet(); | ||
| + | |||
| + | top(); | ||
| + | jQueryHash(); | ||
| + | flexnavi(); | ||
| + | //Tips(); | ||
| + | setTimeout(fixscroll, 10); | ||
| + | setTimeout(Tips, 50); | ||
| + | linkHome(); | ||
| + | //imgbox(); | ||
| + | navigation(); | ||
| + | //modal(); | ||
| + | sidenav(); | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | ini(); | ||
| + | |||
| + | }); | ||
Revision as of 03:46, 17 October 2014
$(function() { var navicon = ["Project", "Judging", "HumanPractice", "Team"]; var urlHash = ["Project/Background", "Judging/Safetyform", "HumanPractice/iGEMCC", "Team/Ourteam"]; var colors = ["#b5c90f", "#ed8f6b", "#7aa59e", "#ed9d60"];
function navigationSet() { $(".dl-menu").each(function(i) { $(this).css("background-color", colors[i]); $(this).children().each(function() { $($(this).children()[1]).css("background-color", colors[i]); }); }); $(".navibar img").each(function(index) { $(this).hover(function() { var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); $(this).attr("src", newSrc); //$(this).css({"width" : "45px", "height" : "45px"}); }, function() { var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); $(this).attr("src", newSrc); //$(this).css({"width" : "40px", "height" : "40px"}); }).trigger("mousehover");
$(this).click(function() { gotoTop(1); var hrefhash = urlHash[index]; $.locationHash(hrefhash); }); }); }
function fixscroll() { //获取要定位元素距离浏览器顶部的距离 var navH = $($(".navibar")[0]).position().top; var nav2H = $($(".navigation2")[0]).position().top;
//滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(document).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定 if(scroH >= navH){ $(".navibar").css({"position":"fixed","top":"0"}); } else if(scroH < navH){ $(".navibar").css({"position":"absolute", "top" : "204px"}); }
if(scroH >= nav2H){ $(".navigation2").css({"position":"fixed","top": "60px"}); } else if(scroH < nav2H){ $(".navigation2").css({"position":"absolute", "top" : "264px"}); } }); }
function stopBubble(e) {
// 如果提供了事件对象，则这是一个非IE浏览器
if ( e && e.stopPropagation ) {
// 因此它支持W3C的stopPropagation()方法
e.stopPropagation();
} else {
// 否则，我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
} }
function requestFile() { var lochash = $.locationHash(); $.get( "igem.php", { hash : lochash} , function(data){ //alert(data); $($(".content")[0]).html(data + "<img src=\"images/ZY/sysuchina_top.png\" alt=\"top\" id=\"top\">"); top(); }, "html" ); }
function gotoTop(speed) { $('body,html').animate({scrollTop:0},speed); }
function top() { $("#top").click(function() { gotoTop(); }); }
function clickSidebar() { $(".sidebar li").each(function() { $(this).click(function() { var hash = $.locationHash(); var title = $(this).attr("name"); var newhash = hash.replace(/\/[a-zA-Z,_,\s]+$/,'/' + title); hashTitletitle = title; $.locationHash(newhash); }); }); }
function jQueryHash() { // hash change listener
$(window).hashchange(function() {
/*change page position*/
/*change file*/
requestFile();
$('.single-item div').each(function() {
$(this).hide();
});
/*change top image*/
var hash = $.locationHash();
var hashlist = hash = hash.split('/');
var hashnum = hashlist.length;
var index = navicon.indexOf(hashlist[0]);
if (hash != "" && hashnum == 0) {
hashlist.push(hash);
hashnum = 1;
}
if (hashnum == 0) {
$($('.single-item div')[0]).show();
} else {
if (index != -1)
$($('.single-item div')[index]).show();
}
$(".dl-menu").each(function() {
$(this).hide();
});
$($(".dl-menu")[index]).show();
$($("#sidenav button")[0]).css("background-color", colors[index]);
});
}
var showTip = false;
function Tips() { $("#tip em").each(function(i, v) { $(this).hoverDelay({ hoverDuring: 200, outDuring: 200, hoverEvent: function() { var tooltipPosTop = $(this).position().top- $("#tipImg").outerHeight(); //alert(tooltipPosTop); var tooltipPosLeft = $(this).position().left; var tooltipPosLeft = tooltipPosLeft - (($("#tipImg").outerWidth()/2) - $(this).outerWidth()/2);
$("#tipImg").css({ 'left': tooltipPosLeft + "px", 'top': tooltipPosTop+"px" }).animate({'opacity':'1', 'marginTop':'0'}, 500); $("#tipImg").show(); }, outEvent: function() { showTip = true;
setTimeout(function() { if (showTip) { $("#tipImg").fadeOut(100); showTip = false;// do nothing } }, 200); } }); });
$("#tipImg").hoverDelay({ hoverDuring: 200, outDuring: 200, hoverEvent: function() { showTip = false; }, outEvent: function() { $("#tipImg").fadeOut(100); } }); }
function GT(o){T=o.offsetTop;if(o.offsetParent!=null)T+=GT(o.offsetParent);return T;}
function GL(o){L =o.offsetLeft;if(o.offsetParent!=null)L+=GL(o.offsetParent);return L;}
function getX(evt) { return evt.pageX; }
function getY(evt) { return evt.pageY; }
function mousePosition(ev) { if (ev.pageX || ev.pageY) { return { x: ev.pageX, y: ev.pageY }; } }
function linkHome() { $(".single-item img").each(function() { $(this).click(function() { location.href = "newindex.html"; }); }); } function imgbox() { $(".fancybox").fancybox(); }
function flexnavi() { $(".flexnav").flexNav(); }
var Navhover = [false, false, false, false, false]; function navigation() { /* Icon hover dalay
$(".navigation img").each(function(index) { $(this).hoverDelay({ hoverDuring: 20, outDuring: 20, hoverEvent: function() { $($(".firstNav")[index]).show(); var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); $(this).attr("src", newSrc); }, outEvent: function() { var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); $(this).attr("src", newSrc); setTimeout(function(){ if (!Navhover) { $($(".firstNav")[index]).hide(); } }, 100);
} });
});
*/ $(".navibar img").each(function(index) { $(this).hover( function() { $($(".firstNav")[index]).show(); var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); $(this).attr("src", newSrc); }, function() { var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); $(this).attr("src", newSrc); setTimeout(function(){ if (!Navhover[index]) { //$($(".firstNav")[index]).trigger("mouseleave"); $($(".firstNav")[index]).hide(); Navhover[index] = false; } }, 50); });
});
$(".firstNav").each(function(index) {
$(this).hover(function() {
Navhover[index] = true;
}, function() {
Navhover[index] = false;
$($(".firstNav")[index]).hide();
}).trigger("mousehover");
});
$(".firstNav").each(function() {
$(this).hide(); });
$(window).resize(function() {
loadJs(); //document.location.reload();
});
/*
$(".navigation img").each(function(index) {
$(this).hover(function() { var newSrc = $(this).attr("src").replace("/sysuchina_bg", "/bg"); $(this).attr("src", newSrc); }, function() { var newSrc = $(this).attr("src").replace("bg3/bg", "bg3/sysuchina_bg"); $(this).attr("src", newSrc); }).trigger("mousehover");
});
- /
}
function loadJs(file) {
$("script[src='js/jquery.flexnav.js']").remove(); $.getscript("js/jquery.flexnav.js"); }
function modal() { $('#myModal').reveal({
animation: 'fadeAndPop', //fade, fadeAndPop, none animationspeed: 300, //how fast animtions are closeonbackgroundclick: true, //if you click background will modal close? dismissmodalclass: 'close-reveal-modal', //the class of a button or element that will close an open modal
}); } function sidenav() { $( '#dl-menu' ).dlmenu(); $($("#dl-menu button")[0]).trigger("click"); }
function ini() {
//alert("sd");
$(".dl-menu").each(function() {
$(this).hide();
});
$($(".dl-menu")[0]).show();
$("#tipImg").hide();
$($(".dl-menu")[0]).show();
var currentHash = $.locationHash();
//getPage(); //routeTree(); navigationSet();
top(); jQueryHash(); flexnavi(); //Tips(); setTimeout(fixscroll, 10); setTimeout(Tips, 50); linkHome(); //imgbox(); navigation(); //modal(); sidenav();
}
ini();
});
