Difference between revisions of "Team:Jilin China/home"

Line 25: Line 25:
 
       $("#checked_1").click(function(){
 
       $("#checked_1").click(function(){
 
         if($(this).is(':checked')){
 
         if($(this).is(':checked')){
           $(".hot-induced").addSvgClass("svg_checked");
+
           $("bacteria .stem_loop").addClass("svg_checked_hi");
 
         }else{
 
         }else{
           $(".hot-induced").removeSvgClass("svg_checked");
+
           $("bacteria .stem_loop").removeClass("svg_checked_hi");
 
         }
 
         }
 
       });
 
       });
Line 127: Line 127:
 
     }
 
     }
  
     .hot-induced.svg_checked .hydrogen-bond{
+
     .svg_checked_hi .hydrogen-bond{
 
       opacity:0;
 
       opacity:0;
 
       transition: all 0.3s linear 0s;
 
       transition: all 0.3s linear 0s;
 
     }
 
     }
     .hot-induced.svg_checked #ribosome{
+
     .svg_checked_hi #ribosome{
 
       transform: translateY(0px);
 
       transform: translateY(0px);
 
       opacity:1;
 
       opacity:1;
 
       transition: all 0.5s ease-out 2s;
 
       transition: all 0.5s ease-out 2s;
 
     }
 
     }
     .hot-induced.svg_checked #ribosome_text{
+
     .svg_checked_hi #ribosome_text{
 
       opacity:1;
 
       opacity:1;
 
       transition: all 0.5s ease-out 2s;
 
       transition: all 0.5s ease-out 2s;
 
     }
 
     }
     .hot-induced.svg_checked #text{
+
     .svg_checked_hi #text{
 
       transform: translateY(-60px);
 
       transform: translateY(-60px);
 
     }
 
     }
     .hot-induced.svg_checked #loop{
+
     .svg_checked_hi #loop{
 
       transform: translateY(130px);
 
       transform: translateY(130px);
 
     }
 
     }
     .hot-induced.svg_checked #left{
+
     .svg_checked_hi #left{
 
       stroke-dashoffset:-135;
 
       stroke-dashoffset:-135;
 
     }
 
     }
     .hot-induced.svg_checked #right{
+
     .svg_checked_hi #right{
 
       stroke-dashoffset:-142;
 
       stroke-dashoffset:-142;
 
     }
 
     }
     .hot-induced.svg_checked #left_s,#right_s{
+
     .svg_checked_hi #left_s,#right_s{
 
       stroke-dasharray:60,500;
 
       stroke-dasharray:60,500;
 
     }
 
     }
     .hot-induced.svg_checked #left_s{
+
     .svg_checked_hi #left_s{
 
       stroke-dashoffset:-265;
 
       stroke-dashoffset:-265;
 
     }
 
     }
     .hot-induced.svg_checked #right_s{
+
     .svg_checked_hi #right_s{
 
       stroke-dashoffset:-82;
 
       stroke-dashoffset:-82;
 
     }
 
     }

Revision as of 08:08, 26 September 2018

Stroke Version_1 SD Sequence anti-SD Sequence Ribosome