Difference between revisions of "Team:Scut-Champion-Park/Practices/Super Brochure"

 
(2 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/brochure.css/?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/brochure.css/?action=raw&ctype=text/css">
<script type="text/javascript">
+
<script type="text/javascript" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script>
$("td img").bind('click', function() {
+
               
var src = $(this).attr('src');
+
$(".sb-large-img img").attr("src", src); //获取路径
+
+
$(".sb-shade").fadeIn();
+
$(".sb-large-img").fadeIn();
+
});
+
$(".sb-large-img").bind('click', function() {
+
$(this).fadeOut();
+
$(".sb-shade").fadeOut();
+
$("body").css('overflow-y', 'scroll'); //隐藏滚动条
+
});
+
</script>              
+
 
</head>
 
</head>
 
<body >
 
<body >
Line 34: Line 22:
 
<tr>
 
<tr>
 
<td style="width:63px">
 
<td style="width:63px">
<span class="menu-tag" href="#"> HOME </span>
+
<span class="menu-tag" href="#"><a class="homea" href="https://2015.igem.org/Team:Scut-Champion-Park/" > HOME </a></span>
 
</ul>
 
</ul>
 
</td>
 
</td>
Line 57: Line 45:
 
</td>
 
</td>
 
<td style="width:179px">
 
<td style="width:179px">
<span class="menu-tag"> POCLICY &amp; PRACTICES </span>
+
<span class="menu-tag" style="border-bottom:3px solid #a4e9f9;"> POCLICY &amp; PRACTICES </span>
 
<ul class="menu-list">
 
<ul class="menu-list">
 
<li><a href="/Team:Scut-Champion-Park/Practices" class="alink"> Over View </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices" class="alink"> Over View </a></li>
Line 140: Line 128:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<script type="text/javascript">
 +
$("td img").bind('click', function() {
 +
var src = $(this).attr('src');
 +
$(".sb-large-img img").attr("src", src); //获取路径
 +
 +
$(".sb-shade").fadeIn();
 +
$(".sb-large-img").fadeIn();
 +
});
 +
$(".sb-large-img").bind('click', function() {
 +
$(this).fadeOut();
 +
$(".sb-shade").fadeOut();
 +
$("body").css('overflow-y', 'scroll'); //隐藏滚动条
 +
});
 +
</script>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 05:31, 18 September 2015

iGEM - Champion Park