Difference between revisions of "Team:ZJU-China"

Line 55: Line 55:
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:ZJU-China/css/home/ZJU-home-Intro.css?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:ZJU-China/css/home/ZJU-home-Intro.css?action=raw&ctype=text/css" />
  
 +
<style type="text/css">
 +
 +
.divcss5_list_title{; border:1px solid #cccccc; padding:1em;}
 +
 +
.divcss5_list_content{padding:1em;}
 +
 +
#tinybox{position:absolute; display:none; padding:10px; background: url(https://static.igem.org/mediawiki/2015/2/2a/ZJU-test-Preload.gif) no-repeat 50% 50%; z-index:2000;}
 +
 +
#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}
  
 +
#tinycontent{ font-size:1.1em;}
 +
 +
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
 +
 +
#n a{ padding:0 4px; color:#333}
 +
 +
</style>
 +
<script type="text/javascript" src="https://2015.igem.org/Team:ZJU-China/js/home/ZJU-tinybox.js?action=raw&amp;ctype=text/javascript"></script>
  
 
  <div class="wrap" >
 
  <div class="wrap" >
Line 112: Line 129:
  
  
<style type="text/css">
 
 
.divcss5_list_title{background:#eeeeee; border:1px solid #cccccc; padding:1em;}
 
 
.divcss5_list_content{padding:1em;}
 
 
#tinybox{position:absolute; display:none; padding:10px; background:#ffffff url(https://static.igem.org/mediawiki/2015/2/2a/ZJU-test-Preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000;}
 
 
#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}
 
 
#tinycontent{background:#ffffff; font-size:1.1em;}
 
 
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
 
 
#n a{ padding:0 4px; color:#333}
 
</style>
 
 
 
 
<script type="text/javascript" src="https://2015.igem.org/Team:ZJU-China/js/home/ZJU-tinybox.js?action=raw&amp;ctype=text/javascript"></script>
 
 
<div class="divcss5_list_title"><b>图片</b><a class="ml20" href="#" id="click_test2">效果预览</a></div>
 
 
 
<script type="text/javascript">
 
 
        var content2 = "<img width='554' height='344' src='https://static.igem.org/mediawiki/2015/f/fb/ZJU-test-Img.png' />";
 
        T$('click_test2').onclick = function(){TINY.box.show(content2,0,0,0,1)}
 
  
        </script>
 
 
<br><br>
 
<br><br>
 
</body></html>
 
</body></html>

Revision as of 10:16, 6 September 2015

Image 1
Image 2
Image 3

INTRODUCE