Difference between revisions of "Team:TCU Taiwan/Human Practice"

Line 21: Line 21:
 
<!-- 代码开始 -->
 
<!-- 代码开始 -->
 
<div class="focus">
 
<div class="focus">
−
<div class="focusbox">  
+
    <div class="focusbox">        
−
<div class="focusimg">
+
        <div class="focusimg">
−
<ul class="fimglist clearfix">
+
        <ul class="fimglist clearfix">
−
<li></li>
+
            <li><a href="#"><img src="" title="National Taiwan Ocean University"></a></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/5/59/Tcu_notebook_ALL_VISIT_2.jpg" 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/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/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/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="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>
+
            <li><a href="#"><img src="" title="iGEM Asian Conference"></a></li>
−
</ul>
+
        </ul>
−
</div>
+
        </div>  
  
−
7
+
        <div class="focustool">
−
<div class="title2"></div>
+
        <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>
−
<div class="focustool">
+
            <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>
−
<ul class="ftoollist clearfix"><!--通过控制该ul的left值来实现列表的左右移动，增量为931px-->
+
            <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 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/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/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/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/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/6/62/2015tcutaiwanhumanpracticeiGEM_Asian_Conference.jpg"><p class="imgname">Conference</p><p class="imgshortcat">Asian Conference</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>
+
        </ul>
−
<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>
+
        </div>
−
<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>
+
    </div>
−
 
+
−
</ul>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
 
<script type="text/javascript" src="https://2015.igem.org/Template:TCU_Taiwan/mainpage_jquery/Javascript?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:TCU_Taiwan/mainpage_jquery/Javascript?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
jQuery.noConflict();
+
    jQuery.noConflict();
−
jQuery(document).ready(function($){
+
jQuery(document).ready(function($){
−
$(".guidelist li").hover(
+
$(".guidelist li").hover(
−
function () {
+
function () {
−
$(this).attr("class", "mouseon");
+
$(this).attr("class", "mouseon");
−
},
+
  },
−
function () {
+
  function () {
−
$(this).attr("class", "mouseout");
+
$(this).attr("class", "mouseout");
−
}
+
  }
−
);
+
);
−
$(".ftoollist li").mouseover(function(){
+
$(".ftoollist li").mouseover(function(){
−
$(this).siblings().removeClass("on");
+
$(this).siblings().removeClass("on");
−
$(this).addClass("on");
+
$(this).addClass("on");
−
var preNumber=$(this).prevAll().size();
+
var preNumber=$(this).prevAll().size();
−
$(".fimglist li").removeClass("onpre");
+
$(".fimglist li").removeClass("onpre");
−
$(".fimglist li:nth-child("+preNumber+")").addClass("onpre");
+
$(".fimglist li:nth-child("+preNumber+")").addClass("onpre");
−
var margin = 990;
+
var margin = 990;
−
margin = margin *preNumber;  
+
margin = margin *preNumber;  
−
margin = margin * -1;
+
margin = margin * -1;
−
$(".fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
+
$(".fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
−
});
+
});
−
});
+
});
 
</script>
 
</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>
 
</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>
 
</body>
−
</head>  
+
</head>
 
</html>
 
</html>
 
{{TCU_Taiwan/CSSfooter}}
 
{{TCU_Taiwan/CSSfooter}}

Revision as of 03:08, 30 July 2015
























































































             
Flag Counter
Contact us
 tcutaiwan@gmail.com
No.701, Sec. 3, Zhongyang Rd. Hualien 97004, Taiwan