Team:CAU China/Human Practice/Periodicals

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CAU_China/Menu}}
{{CAU_China/Menu}}
-
{{CAU_China/Periodicals}}
+
{{CSS/Main}}
-
<html>
+
<script src="https://2014.igem.org/Team:CAU_China/jquery-1.7.2.min.js?action=raw&ctype=text/javascript"></script>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<script src="https://2014.igem.org/Team:CAU_China/gallery.js?action=raw&ctype=text/javascript"></script>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<head>
+
<style type="text/css">
-
<script src="https://2014.igem.org/Team:CAU_China/jquery.js?action=raw&ctype=text/javascript"></script>
+
*{margin:0;padding:0;list-style-type:none;}
-
<script src="https://2014.igem.org/Team:CAU_China/periodicals.js?action=raw&ctype=text/javascript"></script>
+
a,img{border:0;text-decoration:none;}
-
</head>
+
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>
-
<body>
+
<div id="slide_box">
-
<div class="mainbanner">
+
<!-- Photo -->
-
<div class="mainbanner_window">
+
<ul class="slide_img">
-
<ul id="slideContainer">
+
<li><img src="https://static.igem.org/mediawiki/2014/b/bc/11%E6%9C%88%E5%88%8A.jpg" width="500" height="627" alt=""></a></li>
-
<li><img src="https://static.igem.org/mediawiki/2014/2/22/12%E6%9C%88%E5%88%8A.jpg" /></a></li>
+
<li><img src="https://static.igem.org/mediawiki/2014/2/22/12%E6%9C%88%E5%88%8A.jpg" width="500" height="750" alt=""></a></li>
-
<li><img src="https://static.igem.org/mediawiki/2014/b/bc/11%E6%9C%88%E5%88%8A.jpg" /></a></li>
+
<li><img src="https://static.igem.org/mediawiki/2014/a/a3/College_j-pic.jpg" width="850" height="1202" alt=""></a></li>
-
<li><img src="https://static.igem.org/mediawiki/2014/a/a3/College_j-pic.jpg" /></a></li>
+
<li><img src="https://static.igem.org/mediawiki/2014/4/44/College-words.jpg" width="850" height="1202" alt=""></a></li>
-
<li><img src="https://static.igem.org/mediawiki/2014/4/44/College-words.jpg" /></a></li>
+
                         <li><img src="https://static.igem.org/mediawiki/2014/4/47/2014-4.jpg" width="500" height="707" alt=""></a></li>
-
                         <li><img src="https://static.igem.org/mediawiki/2014/4/47/2014-4.jpg" /></a></li>
+
                         <li><img src="https://static.igem.org/mediawiki/2014/7/7c/2014-5.jpg" width="850" height="1049" alt=""></a></li>
-
                         <li><img src="https://static.igem.org/mediawiki/2014/7/7c/2014-5.jpg" /></a></li>
+
</ul>
</ul>
-
</div>
+
                <!-- order -->
-
<ul class="mainbanner_list">
+
                <div id="slide_order"></div>
-
<li><a href="javascript:void(0);">1</a></li>
+
        </div>
-
<li><a href="javascript:void(0);">2</a></li>
+
 
-
<li><a href="javascript:void(0);">3</a></li>
+
-
<li><a href="javascript:void(0);">4</a></li>
+
-
          <li><a href="javascript:void(0);">5</a></li>
+
-
<li><a href="javascript:void(0);">6</a></li>
+
-
</ul>
+
-
</div>
+
-
</body>
 
</html>
</html>

Revision as of 03:44, 18 October 2014

<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 */

  1. 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;}
  2. slide_box .slide_img{display:inline-block;white-space:nowrap;height:450px;width:auto;position:absolute;left:0;top:0;}
  3. slide_box .slide_img li{display:block;float:left;overflow:hidden;}
  4. slide_box .slide_img li img{max-width:800px;}
  5. slide_order{text-align:right;padding-right:1em;line-height:20px;position:absolute;right:0;bottom:6px;}

/*系列号样式*/

  1. 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);}
  2. slide_order a:hover,#slide_order a.current{color:#FFF;font-weight:700;border-color:#000;background-color:#000;}

</style>

  • <img src="11%E6%9C%88%E5%88%8A.jpg" width="500" height="627" alt=""></a>
  • <img src="12%E6%9C%88%E5%88%8A.jpg" width="500" height="750" alt=""></a>
  • <img src="College_j-pic.jpg" width="850" height="1202" alt=""></a>
  • <img src="College-words.jpg" width="850" height="1202" alt=""></a>
  • <img src="2014-4.jpg" width="500" height="707" alt=""></a>
  • <img src="2014-5.jpg" width="850" height="1049" alt=""></a>


</html>

Retrieved from "http://2014.igem.org/Team:CAU_China/Human_Practice/Periodicals"