Team:SJTU-Software2/test

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<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:18, 3 October 2014

Slide Down Box Menu with jQuery and CSS3