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

Line 8: Line 8:
 
<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" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script>
<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>               
+
 
</head>
 
</head>
 
<body >
 
<body >
Line 141: 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>

Revision as of 10:26, 17 September 2015

iGEM - Champion Park