"
Team:XMU-China/photogallery
From 2012.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | <html | + | <html> |
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| - | |||
<style> | <style> | ||
html {background:#000} | html {background:#000} | ||
| Line 8: | Line 7: | ||
li {list-style:none} | li {list-style:none} | ||
img {border:none;display:block} | img {border:none;display:block} | ||
| - | |||
| - | |||
| - | |||
| - | |||
.slide-wp { | .slide-wp { | ||
width: 900px; | width: 900px; | ||
height: 300px; | height: 300px; | ||
overflow: hidden; | overflow: hidden; | ||
| - | + | position: relative; | |
| + | left: 25px; | ||
| + | top: 25px; | ||
} | } | ||
.nav-wp { | .nav-wp { | ||
| + | position: absolute; | ||
| + | top: 300px; | ||
| + | left: 462px; | ||
border-radius: 4px; | border-radius: 4px; | ||
-moz-border-radius: 4px; | -moz-border-radius: 4px; | ||
| Line 55: | Line 55: | ||
</style> | </style> | ||
</head> | </head> | ||
| - | |||
<body> | <body> | ||
| - | <table | + | |
| - | + | <table> | |
| - | + | <tr><td> | |
| - | + | <div id="slider" class="slide-wp"> | |
<ul> | <ul> | ||
<li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg" width="900" height="300"></a></li> | <li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg" width="900" height="300"></a></li> | ||
| Line 69: | Line 68: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| - | + | <div class="nav-wp"> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<ul id="nav" class="nav"> | <ul id="nav" class="nav"> | ||
<li onClick="mySlider.pos(0)">●</li> | <li onClick="mySlider.pos(0)">●</li> | ||
| Line 86: | Line 78: | ||
<a class="next" onClick="mySlider.move()">next</a> | <a class="next" onClick="mySlider.move()">next</a> | ||
</div> | </div> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var HR = { | var HR = { | ||
| Line 183: | Line 171: | ||
})</script> | })</script> | ||
| + | </td></tr></table> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 15:28, 23 September 2012
|
|
