Team:Nanjing NFLS/testtest

From 2014hs.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 19: Line 19:
#scrollDiv{float:left; width:246px; height:421px; background:url(/jscss/demoimg/201402/slider_side.jpg) 0 0 no-repeat}
#scrollDiv{float:left; width:246px; height:421px; background:url(/jscss/demoimg/201402/slider_side.jpg) 0 0 no-repeat}
#scrollDiv ul{ padding:19px 0 0 0}
#scrollDiv ul{ padding:19px 0 0 0}
-
#scrollDiv li{width:220px;height:57px;padding:10px 0 10px 26px; cursor:pointer; font-family:微软雅黑;}
+
#scrollDiv li{width:250px;height:57px;padding:10px 0 10px 26px; cursor:pointer; font-family:微软雅黑;}
#scrollDiv li.on{ background:#003030; position:relative;}
#scrollDiv li.on{ background:#003030; position:relative;}
-
#scrollDiv li a{display:block; font-size:36px; height:35px; line-height:35px; color:#fff;}
+
#scrollDiv li a{display:block; font-size:28px; height:35px; line-height:35px; color:#fff;}
#scrollDiv li span{
#scrollDiv li span{
display: block;
display: block;
Line 69: Line 69:
});
});
       /*自动切换*/
       /*自动切换*/
-
$(".slider-scroll").hover(function(){
+
$(".slider-scroll").hover(function(){
               clearInterval($picTimer);
               clearInterval($picTimer);
               },function(){
               },function(){
Line 121: Line 121:
<div  class="slider-scroll f-c">
<div  class="slider-scroll f-c">
<div id="showArea">
<div id="showArea">
-
<a href="/" target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/4/42/NFLSYQFNEWNEW.png" width="664px" height="419px"></a>
+
<a target="_blank"><div style="display:block; opacity:1;">XYM loves XYM</div></a>
-
<a href="/" target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/1/12/NFLS_Wzn-done.png" width="664px" height="419px"></a>
+
<a target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/1/12/NFLS_Wzn-done.png" width="664px" height="419px"></a>
-
<a href="/" target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/f/fc/NFLSLYF%281%29.png" width="664px" height="419px"></a>
+
<a target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/f/fc/NFLSLYF%281%29.png" width="664px" height="419px"></a>
</div>
</div>
<div id="scrollDiv">
<div id="scrollDiv">
<ul>
<ul>
-
<li class="on"><a href="/" target="_blank">A Club</a><span class="entity-triangle"></span></li>
+
<li class="on"><a target="_blank">A Club</a><span class="entity-triangle"></span></li>
-
<li ><a href="/" target="_blank">A HomePage</a><span class="entity-triangle"></span></li>
+
<li ><a target="_blank">A HomePage</a><span class="entity-triangle"></span></li>
-
<li ><a href="/" target="_blank">Acknowledgement</a><span class="entity-triangle"></span></li>
+
<li ><a target="_blank">Acknowledgement</a><span class="entity-triangle"></span></li>
</ul>
</ul>
</div>
</div>

Latest revision as of 02:21, 20 June 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 响应式图片切换jQuery选项卡