|
|
| (63 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{TCU_Taiwan/CSS}}
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
| |
| − | <!--引入开始-->
| |
| − | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:TCU_Taiwan/Human_Practice/CSS?action=raw&ctype=text/css" />
| |
| − | <!--引入结束-->
| |
| | | | |
| − | <style type="text/css">
| |
| − | body{
| |
| − | background-image:url(https://static.igem.org/mediawiki/2015/1/11/Tcu_taiwan2015_Igem_background.jpg);
| |
| − | background-repeat:no-repeat;
| |
| − | background-attachment:fixed;
| |
| − | background-size: 100% 100%;
| |
| − | margin:0; padding:0;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | <body oncontextmenu='return false' ondragstart='return false'>
| |
| − | </br></br></br></br></br></br></br>
| |
| − | <!-- 代码开始 -->
| |
| − | <div class="focus">
| |
| − | <div class="focusbox">
| |
| − | <div class="focusimg">
| |
| − | <ul class="fimglist clearfix">
| |
| − | <li></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/5/59/Tcu_notebook_ALL_VISIT_2.jpg" width="87%" height="100%" title="DA AI Technology with Dr. Shi-Ting Hong"></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c4/2015tcutaiwanNew_Taipei_Manicipal_Mingder_HighSchool.jpg" title="Mingder HighSchool"></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1f/2015tcutaiwan_One_Day_Camp.jpg" title="One Day Camp"></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/2/29/2015tcutaiwanwithChang_Gung_University.jpg" title="Chang Gung University"></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/0/02/2015tcutaiwanTzu_Chi_Hospital.jpg" title="Tzu Chi Hospital"></a></li>
| |
| − | <li><a href="#"><img src="" title="iGEM Asian Conference"><span class="title2">human practice</span></a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | 7
| |
| − | <div class="title2"></div>
| |
| − |
| |
| − |
| |
| − | <div class="focustool">
| |
| − | <ul class="ftoollist clearfix"><!--通过控制该ul的left值来实现列表的左右移动，增量为931px-->
| |
| − | <li class="on"><a href="#/"><img src=""><p class="imgname">University</p><p class="imgshortcat">National Taiwan Ocean University</p></a></li><!--当前项时为该li添加class: on-->
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Tcu_notebook_ALL_VISIT_1.jpg"><p class="imgname">DA AI </p><p class="imgshortcat">DA AI Technology</p></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/4/4c/2015tcutaiwanNew_Taipei_Manicipal_Mingder_HighSchools.jpg"><p class="imgname">Mingder </p><p class="imgshortcat">Mingder HighSchool</p></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/d/d8/2015tcutaiwanhumanpracticeonedaycamp.jpg"><p class="imgname">Camp</p><p class="imgshortcat">One Day Camp</p></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/2/29/2015tcutaiwanwithChang_Gung_University.jpg"><p class="imgname">University</p><p class="imgshortcat">Chang Gung University</p></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9e/2015tcutaiwanTzu_Chi_Hospitals.jpg"><p class="imgname">Hospital</p><p class="imgshortcat">Tzu Chi Hospital</p></a></li>
| |
| − | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/6/62/2015tcutaiwanhumanpracticeiGEM_Asian_Conference.jpg"><p class="imgname">Conference</p><p class="imgshortcat">Asian Conference</p></a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:TCU_Taiwan/mainpage_jquery/Javascript?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript">
| |
| − | jQuery.noConflict();
| |
| − | jQuery(document).ready(function($){
| |
| − | $(".guidelist li").hover(
| |
| − | function () {
| |
| − | $(this).attr("class", "mouseon");
| |
| − | },
| |
| − | function () {
| |
| − | $(this).attr("class", "mouseout");
| |
| − | }
| |
| − | );
| |
| − | $(".ftoollist li").mouseover(function(){
| |
| − | $(this).siblings().removeClass("on");
| |
| − | $(this).addClass("on");
| |
| − | var preNumber=$(this).prevAll().size();
| |
| − | $(".fimglist li").removeClass("onpre");
| |
| − | $(".fimglist li:nth-child("+preNumber+")").addClass("onpre");
| |
| − | var margin = 990;
| |
| − | margin = margin *preNumber;
| |
| − | margin = margin * -1;
| |
| − | $(".fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
| |
| − | </body>
| |
| − | </head>
| |
| − | </html>
| |
| − | {{TCU_Taiwan/CSSfooter}}
| |