Template:OUC-China.CommonCSS

From 2011.igem.org

(Difference between revisions)
Line 45: Line 45:
height: 230px;
height: 230px;
width: 840px;
width: 840px;
-
background:url(home.jpg) top center no-repeat;
+
background:url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) left center no-repeat;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
Line 148: Line 148:
strVar += " <\/div>";
strVar += " <\/div>";
strVar += " <div id=\"mainnavdrop\">";
strVar += " <div id=\"mainnavdrop\">";
-
strVar += " <ul id=\"homenav\" class=\"navmenus\" tag=\"https://static.igem.org/mediawiki/2011/d/d9/OUC-China.home1.jpg\">";
+
strVar += " <ul id=\"homenav\" class=\"navmenus\" tag=\"0\">";
strVar += " <!--<li><a href=\"\/Team:OUC-China\">Home<\/a><\/li>-->";
strVar += " <!--<li><a href=\"\/Team:OUC-China\">Home<\/a><\/li>-->";
strVar += " <\/ul>";
strVar += " <\/ul>";
-
strVar += " <ul id=\"teamnav\" class=\"navmenus\" tag=\"https://static.igem.org/mediawiki/2011/c/c0/OUC-China.team.jpg\">";
+
strVar += " <ul id=\"teamnav\" class=\"navmenus\" tag=\"840\">";
strVar += " <li><a href=\"\/Team:OUC-China\/Team\/TeamIntro\">IGEMers introduction<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Team\/TeamIntro\">IGEMers introduction<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Instructors\">Instructor and Adviser<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Instructors\">Instructor and Adviser<\/a><\/li>";
Line 159: Line 159:
strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Photos\">Photo gallery<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Team\/Photos\">Photo gallery<\/a><\/li>";
strVar += " <\/ul>";
strVar += " <\/ul>";
-
strVar += " <ul id=\"projectnav\" class=\"navmenus\" tag=\"https://static.igem.org/mediawiki/2011/4/41/OUC-China.project.jpg\">";
+
strVar += " <ul id=\"projectnav\" class=\"navmenus\" tag=\"1680\">";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/storm\">Brain storming<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/storm\">Brain storming<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Abstract\">Abstract<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Abstract\">Abstract<\/a><\/li>";
Line 166: Line 166:
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\"> Performance on stage of Synthetic biology<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\"> Performance on stage of Synthetic biology<\/a><\/li>";
strVar += " <\/ul>";
strVar += " <\/ul>";
-
strVar += " <ul id=\"resultnav\" class=\"navmenus\" tag=\"https://static.igem.org/mediawiki/2011/7/78/OUC-China.result.jpg\">";
+
strVar += " <ul id=\"resultnav\" class=\"navmenus\" tag=\"2520\">";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Materials\">Materials<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Materials\">Materials<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks we used<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks we used<\/a><\/li>";
Line 177: Line 177:
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>";
strVar += " <\/ul>";
strVar += " <\/ul>";
-
strVar += " <ul id=\"safetynav\" class=\"navmenus\" tag=\"https://static.igem.org/mediawiki/2011/4/4b/OUC-China.consideration.jpg\">";
+
strVar += " <ul id=\"safetynav\" class=\"navmenus\" tag=\"3360\">";
strVar += " <li><a href=\"\/Team:OUC-China\/Safety\/Consideration\">Human practice<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Safety\/Consideration\">Human practice<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Safety\">Safety<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Safety\">Safety<\/a><\/li>";
strVar += " <\/ul>";
strVar += " <\/ul>";
-
strVar += " <ul id=\"othernav\" class=\"navmenus\" tag=\"https://static.igem.org/mediawiki/2011/1/12/OUC-China.future_work.jpg\">";
+
strVar += " <ul id=\"othernav\" class=\"navmenus\" tag=\"4200\">";
strVar += " <li><a href=\"\/Team:OUC-China\/Futurework\/Fa\">Foundational advance<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Futurework\/Fa\">Foundational advance<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Futurework\/Newapp\">New application of synthetic biology<\/a><\/li>";
strVar += " <li><a href=\"\/Team:OUC-China\/Futurework\/Newapp\">New application of synthetic biology<\/a><\/li>";
Line 194: Line 194:
</script>
</script>
<script>
<script>
 +
(function($) {
 +
$.extend($.fx.step,{
 +
    backgroundPosition: function(fx) {
 +
            if (fx.state === 0){ if(typeof fx.end == 'string') {
 +
                var start = $.curCSS(fx.elem,'backgroundPosition');
 +
                start = toArray(start);
 +
                fx.start = [start[0],start[2]];
 +
                var end = toArray(fx.end);
 +
                fx.end = [end[0],end[2]];
 +
                fx.unit = [end[1],end[3]];
 +
      }
 +
          }
 +
            var nowPosX = [];
 +
            nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
 +
            nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
 +
            fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
 +
 +
          function toArray(strg){
 +
              strg = strg.replace(/left|top/g,'0px');
 +
              strg = strg.replace(/right|bottom/g,'100%');
 +
              strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
 +
              var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
 +
              return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
 +
          }
 +
        }
 +
});
 +
})(jQuery);
var hideSubNav = function(){
var hideSubNav = function(){
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
Line 213: Line 240:
$(".navitem").mouseenter(function(){
$(".navitem").mouseenter(function(){
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
$(".navmenus").stop(true,true).animate({opacity:0}, 200);
-
console.log("done");
 
$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200);
$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200);
var bg = $($(this).attr("href")).attr("tag");
var bg = $($(this).attr("href")).attr("tag");
-
$("#mainnav").animate({opacity:0.5}, 200,function(){
+
$("#mainnav").animate({backgroundPosition:"(-"+tag+"px 0px)"}, {duration:500});
-
$("#mainnav").css("background","url("+bg+") top center no-repeat");
+
-
$("#mainnav").animate({opacity:1}, 200);
+
-
});
+
-
+
});
});
$(".navitem").click(function(){
$(".navitem").click(function(){

Revision as of 05:17, 5 October 2011

Retrieved from "http://2011.igem.org/Template:OUC-China.CommonCSS"