USTC_CHINA 2013
Travel almost all over China within half a year
Visit Five igem teams, Four CAS institutes, Seventeen senior professors
Give special report in Four universities and establish a preliminary cooperative relationship with One famous biotechnology company.
Team:USTC CHINA/HumanPractice/Communication
From 2013.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <script src="http://code.jquery.com/jquery-1.6.3.min.js" type= "text/javascript"> </script> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | // set the wrapper width and height to match the img size | ||
+ | $('#wrapper').css({'width':$('#wrapper img').width(), | ||
+ | 'height':$('#wrapper img').height() | ||
+ | }) | ||
+ | |||
+ | //tooltip direction | ||
+ | var tooltipDirection; | ||
+ | |||
+ | for (i=0; i<$(".pin").length; i++) | ||
+ | { | ||
+ | // set tooltip direction type - up or down | ||
+ | if ($(".pin").eq(i).hasClass('pin-down')) { | ||
+ | tooltipDirection = 'tooltip-down'; | ||
+ | } else { | ||
+ | tooltipDirection = 'tooltip-up'; | ||
+ | } | ||
+ | |||
+ | // append the tooltip | ||
+ | $("#wrapper").append("<div style='left:"+$(".pin").eq(i).data('xpos')+"px;top:"+$(".pin").eq(i).data('ypos')+"px' class='" + tooltipDirection +"'>\ | ||
+ | <div class='tooltip'>" + $(".pin").eq(i).html() + "</div>\ | ||
+ | </div>"); | ||
+ | } | ||
+ | |||
+ | // show/hide the tooltip | ||
+ | $('.tooltip-up, .tooltip-down').mouseenter(function(){ | ||
+ | $(this).children('.tooltip').fadeIn(100); | ||
+ | }).mouseleave(function(){ | ||
+ | $(this).children('.tooltip').fadeOut(100); | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</head> | </head> | ||
<body background="https://static.igem.org/mediawiki/2013/6/62/2013ustc-china_Light_grey_bg.png"> | <body background="https://static.igem.org/mediawiki/2013/6/62/2013ustc-china_Light_grey_bg.png"> |
Revision as of 16:46, 28 October 2013