|
|
| (48 intermediate revisions not shown) |
| Line 2: |
Line 2: |
| | <html> | | <html> |
| | <head> | | <head> |
| - | <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
| |
| | <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script> | | <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script> |
| | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script> | | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| | + | function prevTimers() { |
| | + | return allTimers().slice( 0, $('#pager a.selected').index() ); |
| | + | } |
| | + | function allTimers() { |
| | + | return $('#pager a span'); |
| | + | } |
| | + | |
| | $(function() { | | $(function() { |
| | $('#carousel').carouFredSel({ | | $('#carousel').carouFredSel({ |
| - | width: 800, | + | items: 1, |
| - | align: false, | + | auto: { |
| - | items: {
| + | pauseOnHover: 'resume', |
| - | visible: 1, | + | progress: { |
| - | width: 700 | + | bar: '#pager a:first span' |
| | + | } |
| | }, | | }, |
| - | auto: false,
| |
| - | next: '#next',
| |
| | scroll: { | | scroll: { |
| - | onBefore: function( data ) { | + | fx: 'crossfade', |
| - | data.items.visible.animate({
| + | duration: 300, |
| - | 'marginLeft': 0
| + | timeoutDuration: 6000, |
| - | }, data.scroll.duration);
| + | onAfter: function() { |
| - | }, | + | allTimers().stop().width( 0 ); |
| - | onAfter: function( data ) { | + | prevTimers().width( 140 ); |
| - | data.items.old.css({ | + | $(this).trigger('configuration', [ 'auto.progress.bar', '#pager a.selected span' ]); |
| - | 'zIndex': 0,
| + | |
| - | 'marginLeft': -100
| + | |
| - | });
| + | |
| - | data.items.visible.css( 'zIndex', 2 ); | + | |
| - | data.items.visible.next().css( 'zIndex', 1 ); | + | |
| | } | | } |
| | }, | | }, |
| - | onCreate: function( data ) { | + | pagination: { |
| - | data.items.css({ | + | container: '#pager', |
| - | 'marginLeft': 0,
| + | anchorBuilder: false |
| - | 'zIndex': 2
| + | |
| - | });
| + | |
| - | data.items.next().css( 'zIndex', 1 );
| + | |
| | } | | } |
| | }); | | }); |
| Line 42: |
Line 39: |
| | </script> | | </script> |
| | <style type="text/css"> | | <style type="text/css"> |
| - | html, body {
| |
| - | height: 100%;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | }
| |
| - | body {
| |
| - | background-color: #eee;
| |
| - | min-height: 600px;
| |
| - | }
| |
| - | body * {
| |
| - | font-family: Arial, Geneva, SunSans-Regular, sans-serif;
| |
| - | font-size: 14px;
| |
| - | color: #333;
| |
| - | line-height: 22px;
| |
| - | }
| |
| | | | |
| - | #wrapper {
| |
| - | background-color: #fff;
| |
| - | width: 610px;
| |
| - | height: 375px;
| |
| - | padding: 10px;
| |
| - | margin: -265px 0 0 -410px;
| |
| - | position: absolute;
| |
| - | top: 50%;
| |
| - | left: 50%;
| |
| - | box-shadow: 0 0 10px #666;
| |
| - | }
| |
| | #carousel { | | #carousel { |
| - | width: 610px; | + | width: 750px; |
| - | height: 375px; | + | height: 480px; |
| - | overflow: hidden;
| + | |
| | } | | } |
| | #carousel img { | | #carousel img { |
| - | border: none; | + | border: 1px solid #ccc; |
| | display: block; | | display: block; |
| - | | + | padding: 10px; |
| - |
| + | float: left; |
| - | position: relative;
| + | |
| - | z-index: 0; | + | |
| - |
| + | |
| | } | | } |
| - | #uniq { | + | #pager { |
| - | width: 610px;
| + | margin-top: 5px; |
| - | height: 375px;
| + | width: 750px; |
| - | overflow: hidden;
| + | |
| - | border: none;
| + | |
| - | display: block;
| + | |
| - | margin-left: 0; | + | |
| - | position: relative; | + | |
| - | z-index: 0;
| + | |
| | } | | } |
| - | #next { | + | #pager a, #pager span { |
| - | background: url( img/gui-next.png ) center center no-repeat #999;
| + | |
| | display: block; | | display: block; |
| - | width: 20px;
| + | height: 10px; |
| - | height: 375px; | + | } |
| - | position: absolute;
| + | #pager a { |
| - | top: 10px;
| + | border: 1px solid #ccc; |
| - | right: 10px;
| + | width: 119px; |
| - | z-index: 5;
| + | margin-right: 3px; |
| - | opacity: 0.1; | + | float: left; |
| - | | + | |
| - | -o-transition: opacity 1s ease; | + | |
| - | -ms-transition: opacity 1s ease; | + | |
| - | -moz-transition: opacity 1s ease;
| + | |
| - | -webkit-transition: opacity 1s ease;
| + | |
| - | transition: opacity 1s ease; | + | |
| | } | | } |
| - | #next:hover { | + | #pager a:hover { |
| - | opacity: 0.5; | + | border-color: #999; |
| | + | } |
| | + | #pager span { |
| | + | background-color: #ccc; |
| | + | width: 0px; |
| | } | | } |
| | | | |
| Line 119: |
Line 77: |
| | #donate { | | #donate { |
| | border-top: 1px solid #999; | | border-top: 1px solid #999; |
| - | width: 750px; | + | width: 800px; |
| | padding: 50px 75px; | | padding: 50px 75px; |
| | margin: 0 auto; | | margin: 0 auto; |
| Line 129: |
Line 87: |
| | } | | } |
| | #donate p { | | #donate p { |
| - | width: 650px; | + | width: 730px; |
| | } | | } |
| | #donate form { | | #donate form { |
| Line 137: |
Line 95: |
| | </head> | | </head> |
| | <body> | | <body> |
| | + | <h1 style="text-align:center;">This is our story!</h1> |
| | + | |
| | <div id="wrapper"> | | <div id="wrapper"> |
| | <div id="carousel"> | | <div id="carousel"> |
| - | <img src="frontpage/frontpage1.png" width="570" height="371"/ > | + | <img src="https://static.igem.org/mediawiki/2013/5/50/Frontpage1.png" width="720" height="477"/ > |
| - | <img src="frontpage/frontpage2.png" width="560" height="371" /> | + | <img src="https://static.igem.org/mediawiki/2013/9/91/Frontpage2.png" width="720" height="477" /> |
| - | <img src="frontpage/frontpage3.png" width="560" height="371" /> | + | <img src="https://static.igem.org/mediawiki/2013/3/3d/Frontpage3.png" width="720" height="477" /> |
| - | <img src="frontpage/frontpage4.png" width="560" height="371" /> | + | <img src="https://static.igem.org/mediawiki/2013/f/f7/Frontpage4.png" width="720" height="477" /> |
| - | <img src="frontpage/frontpage5.png" width="560" height="371" /> | + | <img src="https://static.igem.org/mediawiki/2013/5/53/Frontpage5.png" width="720" height="477" /> |
| - | <img src="frontpage/frontpage6.png" width="560" height="371" /> | + | <img src="https://static.igem.org/mediawiki/2013/f/f6/Frontpage6.png" width="720" height="477" class="last" /> |
| | + | </div> |
| | + | <div id="pager"> |
| | + | <a href="#"><span></span></a> |
| | + | <a href="#"><span></span></a> |
| | + | <a href="#"><span></span></a> |
| | + | <a href="#"><span></span></a> |
| | + | <a href="#"><span></span></a> |
| | + | <a href="#"><span></span></a> |
| | </div> | | </div> |
| - |
| |
| - | <div>
| |
| - | <a id="next" href="#"></a>
| |
| | </div> | | </div> |
| | + | <div style="text-align:center;clear:both"> |
| | + | |
| | </div> | | </div> |
| | </body> | | </body> |
| | </html> | | </html> |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <--! Edit by ZHANG CHAO
| |
| - | <html style="background-color:#000">
| |
| - | <head>
| |
| - | <!-- iGem wiki hacks -->
| |
| - | <!-- Remove all empty <p> tags -->
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | $("p").filter( function() {
| |
| - | return $.trim($(this).html()) == '';
| |
| - | }).remove();
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <!-- Remove "team" from the menubar -->
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | $("menubar > ul > li:last-child").remove();
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <!-- Empty heading? - Then remove it.. -->
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | if ("" == "</html>{{{1}}}<html>") {
| |
| - | $("#heading").remove();
| |
| - | }
| |
| - | });
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | // document.getElementById("p-logo").style.display= "none";
| |
| - | document.getElementsByClassName("right-menu noprint")[0].style.display= "none";
| |
| - | //document.getElementById("searchform").style.display= "none";
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - | <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
| |
| - | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" />
| |
| - | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" />
| |
| - |
| |
| - | <link href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/front_style?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
| |
| - | </head>
| |
| - | <style>
| |
| - | .item img{
| |
| - | width :800px;
| |
| - | padding-top:55px;
| |
| - | }
| |
| - | </style>
| |
| - | <body style="background-color:#fff">
| |
| - | <img id="logo1" src="https://static.igem.org/mediawiki/2013/2/28/IGEM_1.png" style="position:absolute;top : 200px;left :1px;z-index: 99;width: 200px;height:150px"/>
| |
| - | <img id="logo2" src="https://static.igem.org/mediawiki/2013/e/e6/Logo_1.jpg" style="position:absolute;top : 200px;right :15px;z-index: 99;width: 200px;hegiht:150px"/>
| |
| - | <div id="portfolio" style="background-color:#fff">
| |
| - |
| |
| - | <a href="#" class="next" id="background"></a>
| |
| - | <div class="arrows">
| |
| - | <a href="#" class="prev">Previous</a>
| |
| - | <a href="#" class="next">Next</a>
| |
| - | </div>
| |
| - | <div class="gallery">
| |
| - | <div class="inside">
| |
| - | <div class="item">
| |
| - |
| |
| - | <div><img src="https://static.igem.org/mediawiki/igem.org/5/50/Frontpage1.png" alt="image1"/></div>
| |
| - | <div></div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="item">
| |
| - | <div><img src="https://static.igem.org/mediawiki/igem.org/3/3d/Frontpage3.png" alt="image1" /></div>
| |
| - | <div></div>
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <div><img src="https://static.igem.org/mediawiki/igem.org/9/91/Frontpage2.png" alt="image1" /></div>
| |
| - | <div></div>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <div><img src="https://static.igem.org/mediawiki/igem.org/f/f7/Frontpage4.png" alt="image1" /></div>
| |
| - | <div></div>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <div><img src="https://static.igem.org/mediawiki/igem.org/5/53/Frontpage5.png" alt="image1" /></div>
| |
| - | <div></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | <script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/portfolio?action=raw&ctype=text/javascript" type="text/javascript"></script>
| |
| - | <script>
| |
| - | setTimeout('hehe()', 30 );
| |
| - | function hehe(){
| |
| - | document.getElementsByClassName("path0")[0].getElementsByTagName("a")[1].style.display = "none";
| |
| - | document.getElementsByClassName("path1")[0].getElementsByTagName("a")[1].style.display = "none";
| |
| - | document.getElementsByClassName("path2")[0].getElementsByTagName("a")[1].style.display = "none";
| |
| - | document.getElementsByClassName("path3")[0].getElementsByTagName("a")[1].style.display = "none";
| |
| - | document.getElementsByClassName("path4")[0].getElementsByTagName("a")[1].style.display = "none";
| |
| - | }
| |
| - |
| |
| - | setInterval("xixi()",100);
| |
| - | var ii = 1;
| |
| - | function xixi(){
| |
| - | ii -= 0.02;
| |
| - | document.getElementById("logo1").style.opacity = ii;
| |
| - | document.getElementById("logo2").style.opacity = ii;
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
| - | -->
| |
"
