Team:SJTU-Software2/test

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<html>
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<style type="text/css">
 +
/* 全局样式 */
 +
*{padding:0; margin:0; list-style:none}
 +
.roundabout-holder { margin: 0px auto; width: 850px; height: 496px; }
 +
.roundabout-moveable-item { border-radius: 4px; border: 3px solid rgba(0, 0, 0, 0.08); width: 646px; height: 416px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
 +
.roundabout-moveable-item img { width: 100%; }
 +
.roundabout-in-focus { border: 3px solid rgba(0, 0, 0, 0.2); }
 +
</style>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/jm.js%20?action=raw&ctype=text/js"></script>
 +
</head>
 +
<body>
 +
<div class="container">
 +
    <ul id="myRoundabout">
 +
      <li><img src="https://static.igem.org/mediawiki/2014/9/9b/Han_trans.jpg"></li>
 +
      <li><img src="https://static.igem.org/mediawiki/2014/9/9b/Han_trans.jpg"></li>
 +
      <li><img src="https://static.igem.org/mediawiki/2014/9/9b/Han_trans.jpg"></li>
 +
      <li><img src="https://static.igem.org/mediawiki/2014/9/9b/Han_trans.jpg"></li>
 +
      <li><img src="https://static.igem.org/mediawiki/2014/9/9b/Han_trans.jpg"></li>
 +
    </ul>
 +
  </div>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/ra.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/ras.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/gi.js%20?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript"> Cufon.now(); </script>
 +
</div>
 +
</body>
<!--main content -->
<!--main content -->

Revision as of 10:17, 3 October 2014

Slide Down Box Menu with jQuery and CSS3

Retrieved from "http://2014.igem.org/Team:SJTU-Software2/test"