"
Team:XMU-China/photogallery
From 2012.igem.org
(Difference between revisions)
| (23 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<style> | <style> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
.slide-wp { | .slide-wp { | ||
width: 900px; | width: 900px; | ||
height: 300px; | height: 300px; | ||
overflow: hidden; | overflow: hidden; | ||
| - | position: | + | position: relative; |
left: 25px; | left: 25px; | ||
top: 25px; | top: 25px; | ||
| + | z-index: -1; | ||
| + | |||
} | } | ||
.nav-wp { | .nav-wp { | ||
| - | position: | + | position: relative; |
| - | top: | + | top: 0px; |
| - | + | left: 396px; | |
| - | + | ||
| - | + | ||
border-radius: 4px; | border-radius: 4px; | ||
-moz-border-radius: 4px; | -moz-border-radius: 4px; | ||
-webkit-border-radius: 4px; | -webkit-border-radius: 4px; | ||
| - | + | _padding: 0 10px 2px 10px; | |
| - | + | ||
background-color: #0099cc; | background-color: #0099cc; | ||
| + | padding-top: 0; | ||
| + | padding-right: 10px; | ||
| + | padding-bottom: 6px; | ||
| + | padding-left: 10px; | ||
| + | height: 22px; | ||
| + | width: 150px; | ||
| + | text-align: center; | ||
| + | z-index: -1; | ||
} | } | ||
.nav li { | .nav li { | ||
| Line 37: | Line 41: | ||
cursor: pointer; | cursor: pointer; | ||
height: 22px; | height: 22px; | ||
| + | width: auto; | ||
} | } | ||
.nav li.cur{ | .nav li.cur{ | ||
| - | color: #fc49b6 | + | color: #fc49b6; |
| + | width: auto; | ||
} | } | ||
.next { | .next { | ||
| Line 54: | Line 60: | ||
background-color: #0099cc; | background-color: #0099cc; | ||
font-weight: normal; | font-weight: normal; | ||
| + | font-size: 14px; | ||
| + | overflow: hidden; | ||
} | } | ||
| + | #photogallery{ | ||
| + | border:0; | ||
| + | z-index:-4; | ||
| + | background:#F00; | ||
| + | visibility:hidden; | ||
| + | } | ||
| + | #photogallery tr { | ||
| + | background-color: #0F0; | ||
| + | z-index: -4; | ||
| + | visibility:hidden; | ||
| + | } | ||
| + | #photogallery tr td { | ||
| + | background-color: #00F; | ||
| + | z-index: -4; | ||
| + | visibility:hidden; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| - | |||
| - | |||
<div id="slider" class="slide-wp"> | <div id="slider" class="slide-wp"> | ||
<ul> | <ul> | ||
| - | <li><a href=" | + | <li><a href="https://static.igem.org/mediawiki/2012/e/ea/XMUIMG_1429.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/e/ea/XMUIMG_1429.jpg" width="900" height="300"></a></li> |
| - | <li><a href=" | + | <li><a href="https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg" 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=" | + | <li><a href="https://static.igem.org/mediawiki/2012/d/d0/XMUIMG_1060.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/d0/XMUIMG_1060.jpg" width="900" height="300"></a></li> |
| - | <li><a href=" | + | <li><a href="https://static.igem.org/mediawiki/2012/4/49/IMG_0699.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/3/34/XMUIMG_1220.JPG" width="900" height="300"></a></li> |
| - | <li><a href=" | + | <li><a href="https://static.igem.org/mediawiki/2012/f/f0/XMUIMG_0995.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/f/f0/XMUIMG_0995.jpg" width="900" height="300"></a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
| Line 78: | Line 101: | ||
<li onClick="mySlider.pos(4)">●</li> | <li onClick="mySlider.pos(4)">●</li> | ||
</ul> | </ul> | ||
| - | <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 173: | Line 194: | ||
navId: 'nav', | navId: 'nav', | ||
auto: 4 | auto: 4 | ||
| - | })</script | + | })</script> |
| - | + | ||
| - | + | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 19:17, 26 September 2012
