Team:CAU China/Team/Gallery.html

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en" class="no-js">
<html lang="en" class="no-js">
 +
<head>
<head>
<meta charset="UTF-8" />
<meta charset="UTF-8" />
Line 14: Line 15:
<script src="https://2014.igem.org/Team:CAU_China/modernizr.custom.js?action=raw&ctype=text/javascript"></script>
<script src="https://2014.igem.org/Team:CAU_China/modernizr.custom.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:CAU_China/jquery-1.7.2.min.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:CAU_China/gallery.js?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
*{margin:0;padding:0;list-style-type:none;}
 +
a,img{border:0;text-decoration:none;}
 +
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
 +
/* slide_box */
 +
#slide_box{width:800px;height:450px;border:4px solid #ccc;border-radius:4px;box-shadow:2px 2px 4px #333;position:absolute;left:0;top:50px;overflow:hidden;}
 +
#slide_box .slide_img{display:inline-block;white-space:nowrap;height:450px;width:auto;position:absolute;left:0;top:0;}
 +
#slide_box .slide_img li{display:block;float:left;overflow:hidden;}
 +
#slide_box .slide_img li img{max-width:800px;}
 +
#slide_order{text-align:right;padding-right:1em;line-height:20px;position:absolute;right:0;bottom:6px;}
 +
/*系列号样式*/
 +
#slide_order a{display:inline-block;padding:0 6px;float:left;margin-right:4px;border:1px solid #ddd;border-radius:4px;box-shadow:1px 1px 2px #333;background:#999;opacity:0.5;filter:alpha(opacity=50);}
 +
#slide_order a:hover,#slide_order a.current{color:#FFF;font-weight:700;border-color:#000;background-color:#000;}
 +
</style>
</head>
</head>
<body>
<body>
 +
<div id="slide_box">
 +
<!-- Photo -->
 +
<ul class="slide_img">
 +
<li><img src="https://static.igem.org/mediawiki/2014/c/c8/Photo_of_CAU-China_family.JPG" width="800" height="450" alt=""></a></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/a/a7/Name_wall.JPG" width="735" height="450" alt=""></a></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/5/51/Team_play.JPG" width="371" height="450" alt=""></a></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/d/d2/CAU_Team_meeting.JPG" width="700" height="450" alt=""></a></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2014/2/25/Team_meeting2.jpg" width="700" height="450" alt=""></a></li>
 +
</ul>
 +
                <!-- order -->
 +
                <div id="slide_order"></div>
 +
        </div>
<div id="grid-gallery" class="grid-gallery">
<div id="grid-gallery" class="grid-gallery">

Revision as of 09:38, 17 October 2014