Team:CBNU-Korea/test
From 2012.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
Line 282: | Line 282: | ||
#CB_sub_main { | #CB_sub_main { | ||
- | width: | + | width: 100%; |
- | + | ||
} | } | ||
#CB_sub_menu { | #CB_sub_menu { | ||
- | width: | + | width: 100%; |
- | + | ||
border-top: 1px dotted #41C7BC; | border-top: 1px dotted #41C7BC; | ||
padding-top: 10px; | padding-top: 10px; | ||
Line 351: | Line 349: | ||
#CB_sub_cont { | #CB_sub_cont { | ||
+ | } | ||
+ | |||
+ | #CB_select { | ||
+ | width: 50%; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #CB_sub_chart_1 { | ||
+ | width: 48%; | ||
+ | height: 300px; | ||
+ | float: left; | ||
+ | border: 1px dotted #DFDFDF; | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | |||
+ | #CB_sub_chart_2 { | ||
+ | width: 48%; | ||
+ | height: 300px; | ||
+ | float: right; | ||
+ | border: 1px dotted #DFDFDF; | ||
+ | background-size: 100% 100%; | ||
} | } | ||
Line 561: | Line 580: | ||
'https://static.igem.org/mediawiki/2012/1/12/CBK_NC_006449_before.png' ] | 'https://static.igem.org/mediawiki/2012/1/12/CBK_NC_006449_before.png' ] | ||
$(function() { | $(function() { | ||
- | $('#CB_select').change(function(event) { | + | $('#CB_select').change( |
- | + | function(event) { | |
- | + | var i = document.getElementById("CB_select").selectedIndex; | |
- | + | var imgSrc = array[i]; | |
- | + | $('#CB_sub_chart_1').css("background-image", | |
+ | "url(" + imgSrc + ")"); | ||
+ | $('#CB_sub_chart_2').css("background-image", | ||
+ | "url(" + imgSrc + ")"); | ||
+ | }).change(); | ||
+ | |||
+ | $("*#CB_sub_mobile_menu").click(function() { $(".CBUL").slideToggle("slow");}); | ||
}); | }); | ||
</script> | </script> | ||
Line 610: | Line 635: | ||
</div> | </div> | ||
<div id="CB_sub_menu"> | <div id="CB_sub_menu"> | ||
- | <ul> | + | <div id="CB_sub_mobile_menu" style="height: 20px; cursor: pointer;">??</div> |
+ | <ul class="CBUL"> | ||
<li class="li_Safety"><a href="#">01 + Safety</a></li> | <li class="li_Safety"><a href="#">01 + Safety</a></li> | ||
</ul> | </ul> | ||
Line 616: | Line 642: | ||
</div> | </div> | ||
<div id="CB_sub_main"> | <div id="CB_sub_main"> | ||
- | <div id="CB_sub_img"> | + | <div id="CB_sub_img"></div> |
- | + | ||
- | + | ||
<div id="CB_sub_cont"> | <div id="CB_sub_cont"> | ||
<select id="CB_select"> | <select id="CB_select"> | ||
- | <option | + | <option>Streptococcus pyogenes MGAS15252</option> |
- | + | <option>Streptococcus pyogenes MGAS15252_2</option> | |
- | + | <option>Streptococcus pyogenes MGAS15252_2</option> | |
- | <option | + | <option>Streptococcus pyogenes MGAS15252_2</option> |
- | + | <option>Streptococcus pyogenes MGAS15252_2</option> | |
- | + | <option>Streptococcus pyogenes MGAS15252_2</option> | |
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
+ | <option>Streptococcus pyogenes MGAS15252_2</option> | ||
</select> | </select> | ||
- | + | <div id="CB_sub_chart_1"></div> | |
+ | <div id="CB_sub_chart_2"></div> | ||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 23:15, 26 September 2012