Zhuchushu13 (Talk | contribs) |
Zhuchushu13 (Talk | contribs) |
||
(19 intermediate revisions by 3 users not shown) | |||
Line 69: | Line 69: | ||
<meta name="HandheldFriendly" content="True" /> | <meta name="HandheldFriendly" content="True" /> | ||
<meta name="MobileOptimized" content="320" /> | <meta name="MobileOptimized" content="320" /> | ||
− | + | <meta name="viewport" content="width=device-width, initial- | |
+ | |||
+ | scale=1.0",minimum-scale=0.2, maximum-scale=2.0, user-scalable=yes" /> | ||
<meta content="on" http-equiv="cleartype" /> | <meta content="on" http-equiv="cleartype" /> | ||
<meta property="og:title" content="Home" /> | <meta property="og:title" content="Home" /> | ||
<meta name="generator" content="TYPO3 CMS"> | <meta name="generator" content="TYPO3 CMS"> | ||
− | <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?action=raw&ctype=text/css" media="all"> | + | <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1? |
+ | |||
+ | action=raw&ctype=text/css" media="all"> | ||
<title>NUDT_CHINA 2016</title> | <title>NUDT_CHINA 2016</title> | ||
<meta name="title" content="iGem - NUDT_CHINA 2016" /> | <meta name="title" content="iGem - NUDT_CHINA 2016" /> | ||
<meta name="date" content="2016-10-04" /> | <meta name="date" content="2016-10-04" /> | ||
<link rel="canonical" href="http#/" /> | <link rel="canonical" href="http#/" /> | ||
− | <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-head,jquery,mainJs,cycle4811,cycle5332,cycle4823 --> | + | <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs- |
− | <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?action=raw&ctype=text/css" /> | + | |
− | <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css" /></head> | + | head,jquery,mainJs,cycle4811,cycle5332,cycle4823 --> |
+ | <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2? | ||
+ | |||
+ | action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css" | ||
+ | |||
+ | /></head> | ||
<!-- body --> | <!-- body --> | ||
Line 88: | Line 98: | ||
<div class="inner-wrap"> | <div class="inner-wrap"> | ||
<!-- Off Canvas Menu --> | <!-- Off Canvas Menu --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- close the off-canvas menu --> | <!-- close the off-canvas menu --> | ||
<a class="exit-off-canvas"></a> | <a class="exit-off-canvas"></a> | ||
Line 134: | Line 107: | ||
<a class="right-off-canvas-toggle mobile-menu" href="#"></a> | <a class="right-off-canvas-toggle mobile-menu" href="#"></a> | ||
<ul class="nav-utility inline-list"> | <ul class="nav-utility inline-list"> | ||
− | <li class="nav-utility__item" style="height:16px;"> </li></ul> | + | <li class="nav-utility__item" |
+ | |||
+ | style="height:16px;"> </li></ul> | ||
<nav class="nav-global" role="navigation"> | <nav class="nav-global" role="navigation"> | ||
<ul class="nav-global__list inline-list"> | <ul class="nav-global__list inline-list"> | ||
Line 140: | Line 115: | ||
<a class="nav-global__link" title="" href="#">TEAM</a></li> | <a class="nav-global__link" title="" href="#">TEAM</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
− | <a class="nav-global__link" title="" href="#">PROJECT</a></li> | + | <a class="nav-global__link" title="" |
+ | |||
+ | href="#">PROJECT</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
<a class="nav-global__link" title="" href="#">PARTS</a></li> | <a class="nav-global__link" title="" href="#">PARTS</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
− | <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Safety">SAFETY</a></li> | + | <a class="nav-global__link" title="" |
+ | |||
+ | href="/Team:NUDT_CHINA/Safety">SAFETY</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
− | <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li> | + | <a class="nav-global__link" title="" |
+ | |||
+ | href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
− | <a class="nav-global__link" title="" href="#">HUMAN<br/>PRACTICES</a></li> | + | <a class="nav-global__link" title="" |
+ | |||
+ | href="#">HUMAN<br/>PRACTICES</a></li> | ||
<li class="nav-global__item trigger "> | <li class="nav-global__item trigger "> | ||
− | <a class="nav-global__link" title="" href="#">AWARDS</a></li> | + | <a class="nav-global__link" title="" |
+ | |||
+ | href="#">AWARDS</a></li> | ||
</ul> | </ul> | ||
− | <style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;} | + | <style> |
+ | .content{ | ||
+ | box-shadow: 6px 6px 3px #888888; | ||
+ | } | ||
+ | #menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;} | ||
#menu01 .arrow-up{margin-right:6.429rem;} | #menu01 .arrow-up{margin-right:6.429rem;} | ||
− | #menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;} | + | #menu02 .arrow-up{margin-right:90px;} #menu03 |
+ | |||
+ | .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 | ||
+ | |||
+ | .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02 | ||
+ | |||
+ | {width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;} | ||
@media screen and (max-width: 64em) { | @media screen and (max-width: 64em) { | ||
#menu01{right:31.3rem;} | #menu01{right:31.3rem;} | ||
#menu02{right:27rem;} | #menu02{right:27rem;} | ||
− | #menu03{right:21.8rem;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style> | + | #menu03{right:21.8rem;} #menu06 .arrow-up |
+ | |||
+ | {margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style> | ||
<div class="content support" id="menu01"> | <div class="content support" id="menu01"> | ||
<div class="arrow-up"></div> | <div class="arrow-up"></div> | ||
Line 168: | Line 165: | ||
<a href="/Team:NUDT_CHINA/Team">Team</a></li> | <a href="/Team:NUDT_CHINA/Team">Team</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li> | + | <a |
+ | |||
+ | href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
Line 179: | Line 178: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Description">Description</a></li> | + | <a |
+ | |||
+ | href="/Team:NUDT_CHINA/Description">Description</a></li> | ||
<li> | <li> | ||
<a href="/Team:NUDT_CHINA/Design">Design</a></li> | <a href="/Team:NUDT_CHINA/Design">Design</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li> | + | <a |
+ | |||
+ | href="/Team:NUDT_CHINA/Experiments">Experiments</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li> | + | <a href="/Team:NUDT_CHINA/Proof">Proof of |
+ | |||
+ | Concept</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li> | + | <a |
+ | |||
+ | href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li> | ||
<li> | <li> | ||
<a href="/Team:NUDT_CHINA/Results">Results</a></li> | <a href="/Team:NUDT_CHINA/Results">Results</a></li> | ||
Line 196: | Line 203: | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
− | <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | + | <section id="c1560" class="text-and-images ce-margin-top-0 |
+ | |||
+ | ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | ||
<div class="tai__image-group-wrap large "> | <div class="tai__image-group-wrap large "> | ||
<div class="tai__image-group single-image"> | <div class="tai__image-group single-image"> | ||
− | <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child"> | + | <!--a href="https#/support/donate/annual-fund/donate- |
+ | |||
+ | now/" class="lazyload-child"> | ||
<img src="" /></a--> | <img src="" /></a--> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ce-content rte-content rte-text-medium "></div> | + | <div class="ce-content rte-content rte-text-medium |
+ | |||
+ | "></div> | ||
</section> | </section> | ||
</div> | </div> | ||
Line 215: | Line 228: | ||
<a href="/Team:NUDT_CHINA/Parts">Parts</a></li> | <a href="/Team:NUDT_CHINA/Parts">Parts</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li> | + | <a href="/Team:NUDT_CHINA/Basic_Part">Basic |
+ | |||
+ | Parts</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li> | + | <a href="/Team:NUDT_CHINA/Composite_Part">Composite |
+ | |||
+ | Parts</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li> | + | <a href="/Team:NUDT_CHINA/Part_Collection">Part |
+ | |||
+ | Collection</a></li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
− | <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | + | <section id="c1560" class="text-and-images ce-margin-top-0 |
+ | |||
+ | ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | ||
<div class="tai__image-group-wrap large "> | <div class="tai__image-group-wrap large "> | ||
<div class="tai__image-group single-image"> | <div class="tai__image-group single-image"> | ||
− | <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child"> | + | <!--a href="https#/support/donate/annual-fund/donate- |
+ | |||
+ | now/" class="lazyload-child"> | ||
<img src="" /></a--> | <img src="" /></a--> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ce-content rte-content rte-text-medium "></div> | + | <div class="ce-content rte-content rte-text-medium |
+ | |||
+ | "></div> | ||
</section> | </section> | ||
</div> | </div> | ||
Line 241: | Line 266: | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
− | <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | + | <section id="c1560" class="text-and-images ce-margin-top-0 |
+ | |||
+ | ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | ||
<div class="tai__image-group-wrap large "> | <div class="tai__image-group-wrap large "> | ||
<div class="tai__image-group single-image"> | <div class="tai__image-group single-image"> | ||
− | <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child"> | + | <!--a href="https#/support/donate/annual-fund/donate- |
+ | |||
+ | now/" class="lazyload-child"> | ||
<img src="" /></a--> | <img src="" /></a--> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ce-content rte-content rte-text-medium "></div> | + | <div class="ce-content rte-content rte-text-medium |
+ | |||
+ | "></div> | ||
</section> | </section> | ||
</div> | </div> | ||
Line 258: | Line 289: | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
− | <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | + | <section id="c1560" class="text-and-images ce-margin-top-0 |
+ | |||
+ | ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | ||
<div class="tai__image-group-wrap large "> | <div class="tai__image-group-wrap large "> | ||
<div class="tai__image-group single-image"> | <div class="tai__image-group single-image"> | ||
− | <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child"> | + | <!--a href="https#/support/donate/annual-fund/donate- |
+ | |||
+ | now/" class="lazyload-child"> | ||
<img src="" /></a--> | <img src="" /></a--> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ce-content rte-content rte-text-medium "></div> | + | <div class="ce-content rte-content rte-text-medium |
+ | |||
+ | "></div> | ||
</section> | </section> | ||
</div> | </div> | ||
Line 275: | Line 312: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li> | + | <a href="/Team:NUDT_CHINA/Human_Practices">Human |
+ | |||
+ | Practices</a></li> | ||
<li> | <li> | ||
<a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li> | <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li> | ||
Line 281: | Line 320: | ||
<a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li> | <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li> | + | <a |
+ | |||
+ | href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li> | ||
<li> | <li> | ||
− | <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li> | + | <a |
+ | |||
+ | href="/Team:NUDT_CHINA/Engagement">Engagement</a></li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
− | <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | + | <section id="c1560" class="text-and-images ce-margin-top-0 |
+ | |||
+ | ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | ||
<div class="tai__image-group-wrap large "> | <div class="tai__image-group-wrap large "> | ||
<div class="tai__image-group single-image"> | <div class="tai__image-group single-image"> | ||
− | <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child"> | + | <!--a href="https#/support/donate/annual-fund/donate- |
+ | |||
+ | now/" class="lazyload-child"> | ||
<img src="" /></a--> | <img src="" /></a--> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ce-content rte-content rte-text-medium "></div> | + | <div class="ce-content rte-content rte-text-medium |
+ | |||
+ | "></div> | ||
</section> | </section> | ||
</div> | </div> | ||
Line 310: | Line 359: | ||
</div> | </div> | ||
<div class="column-2"> | <div class="column-2"> | ||
− | <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | + | <section id="c1560" class="text-and-images ce-margin-top-0 |
+ | |||
+ | ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> | ||
<div class="tai__image-group-wrap large "> | <div class="tai__image-group-wrap large "> | ||
<div class="tai__image-group single-image"> | <div class="tai__image-group single-image"> | ||
− | <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child"> | + | <!--a href="https#/support/donate/annual-fund/donate- |
+ | |||
+ | now/" class="lazyload-child"> | ||
<img src="" /></a--> | <img src="" /></a--> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ce-content rte-content rte-text-medium "></div> | + | <div class="ce-content rte-content rte-text-medium |
+ | |||
+ | "></div> | ||
</section> | </section> | ||
</div> | </div> | ||
</div> | </div> | ||
</nav> | </nav> | ||
− | <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }</style> | + | <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and |
+ | |||
+ | (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } } | ||
+ | |||
+ | #feature{ | ||
+ | background-size:100%; | ||
+ | } | ||
+ | @media screen and (max-width: 1200px) { | ||
+ | #feature{ | ||
+ | background-size:1200px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
<div class="breadcrumb-share-wrap"> | <div class="breadcrumb-share-wrap"> | ||
<div class="breadcrumb"></div> | <div class="breadcrumb"></div> | ||
<!-- <div class="share"> | <!-- <div class="share"> | ||
− | <a class="addthis_button_compact" tabindex="-1"><i class="icon icon-share"></i><span>Share</span></a> | + | <a class="addthis_button_compact" tabindex="-1"><i class="icon |
+ | |||
+ | icon-share"></i><span>Share</span></a> | ||
<span></span></div> | <span></span></div> | ||
--> | --> | ||
Line 335: | Line 404: | ||
<!-- end .row --></div> | <!-- end .row --></div> | ||
<!-- end #header-outer-wrap--> | <!-- end #header-outer-wrap--> | ||
− | <div id="feature" class="row collapse text-light feature-footer-active"> | + | <div id="feature" class="row collapse text-light feature-footer-active" |
+ | |||
+ | style="background-color: rgb(3,13,38);background-image:url | ||
+ | |||
+ | (https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner- | ||
+ | |||
+ | 3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-position:0px | ||
+ | |||
+ | -350px;background-repeat:no-repeat;"> | ||
<div class="inner-wrap medium-24 columns"> | <div class="inner-wrap medium-24 columns"> | ||
<!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_begin--> | ||
<div class="carousel-container hide-pager" id="c4811"> | <div class="carousel-container hide-pager" id="c4811"> | ||
− | <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide"> | + | <div class="carousel " id="slideshow-4811" data-cycle-log="false" |
+ | |||
+ | data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle- | ||
+ | |||
+ | next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle- | ||
+ | |||
+ | easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center- | ||
+ | |||
+ | horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle- | ||
+ | |||
+ | paused="true" data-cycle-slides="> div.slide"> | ||
<div class="slide first"> | <div class="slide first"> | ||
− | <link rel="stylesheet" href="/Team | + | <link rel="stylesheet" href="/Team--NUDT_CHINA/CSS3.css" /> |
<!-- Quick initialize with theme color from first slide --> | <!-- Quick initialize with theme color from first slide --> | ||
− | <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601"> | + | <div class="row collapse " id="c6601" data-theme-class="bh- |
+ | |||
+ | color__theme-c6601"> | ||
<div class="columns"> | <div class="columns"> | ||
− | <section class="big-header bh__height-size-3 text-light bh__video"> | + | <section class="big-header bh__height-size-3 text-light |
− | <div class="bh__background bh__background-color | + | |
− | <div class="bh__content-wrap"> | + | bh__video" style="height:300px;"> |
+ | <div class="bh__background bh__background-color "></div> | ||
+ | <div class="bh__content-wrap" style="height:120px;"> | ||
<div class="bh__content "> | <div class="bh__content "> | ||
<div class="bh__content-inner-wrap"> | <div class="bh__content-inner-wrap"> | ||
− | <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-- | + | <!--h3 class="bh__subtitle"><a |
− | + | ||
− | + | href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line- | |
− | + | ||
− | + | wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by | |
− | + | ||
− | + | Brick</span></span></a></h3--> | |
− | + | ||
− | + | ||
− | + | ||
<h2 style="font-size:36px;" class="bh__title "> | <h2 style="font-size:36px;" class="bh__title "> | ||
<!--<a href="#">--> | <!--<a href="#">--> | ||
− | + | <span style="line-height:46px;" class="line- | |
− | + | ||
− | + | wrap"> | |
− | + | <span style="line-height:46px;" | |
− | <!--</a>--> | + | |
− | + | class="line">Development of A Novel</span></span> | |
+ | <span style="line-height:46px;" class="line- | ||
+ | |||
+ | wrap"> | ||
+ | <span style="line-height:46px;" | ||
+ | |||
+ | class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span> | ||
+ | <!--</a>--></h2> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 378: | Line 473: | ||
<div class="cycle-pager" id="cycle-pager-4811"></div> | <div class="cycle-pager" id="cycle-pager-4811"></div> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | </div> | |
<!-- end #feature --> | <!-- end #feature --> | ||
<!-- end .columns --></div> | <!-- end .columns --></div> | ||
− | <div style="margin-top: | + | <div style="margin-top:20px;" id="content-wrap-ink"><!-- adjust in add_JS |
− | + | ||
+ | --> | ||
+ | <div class="row footer-link" style=""> | ||
+ | <div style="text-align:right;"><h5> | ||
+ | <a style="color:rgb(10,31,84);" | ||
+ | href="/Team:NUDT_CHINA">HomePage</a> • | ||
+ | <a style="color:rgb(10,31,84);" | ||
+ | href="/Team:NUDT_CHINA/Attributions"><!-- 修改这里!! -->Attributions</a> | ||
+ | </h5><hr style="width:40%;margin-left:60%;border-top:1px solid | ||
+ | rgb(10,31,84);" /></div> | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--标题--> | ||
<h2> | <h2> | ||
<span><span style="color:#7f1015">Attribution of team | <span><span style="color:#7f1015">Attribution of team | ||
Line 410: | Line 529: | ||
</br><b>Team Leader: </b> Our team came into existence under the leadership of | </br><b>Team Leader: </b> Our team came into existence under the leadership of | ||
− | Xinyuan Qiu in December 2015. He | + | Xinyuan Qiu in December 2015. He observed our characteristics carefully and |
− | + | exerted our greatest potential. Our team worked efficiently due to his | |
+ | |||
+ | outstanding | ||
leadership. | leadership. | ||
− | </br><b>Experiment: </b> | + | </br><b>Experiment: </b> Xinyuan Qiu, Chushu Zhu, Yue Wang and Yishi Lu |
+ | |||
+ | completed most of the experiments. | ||
− | + | </br><b>Wiki: </b> Everyone shared his or her brilliant ideas about the style of | |
− | + | the | |
− | + | wiki. Jiaxin Ma worked on the visual appearance of it. Xinyuan Qiu was | |
− | + | responsible for web copy writing. | |
− | + | </br><b>Poster: </b> Chushu Zhu was engaged in composing the texts in our | |
− | + | poster. | |
− | Jiaxin Ma and Xinyuan Qiu | + | Jiaxin Ma and Xinyuan Qiu devoted themselves to the layout and the art design of |
the poster. | the poster. | ||
Line 438: | Line 561: | ||
presentations during the competition, they have rehearsed several times and all | presentations during the competition, they have rehearsed several times and all | ||
− | of us gathered and | + | of us gathered and discussed to improve it. |
− | </br><b>Team Shirt: </b> Yufei Xu | + | </br><b>Team Shirt: </b> Yufei Xu designed our team shirt. |
− | </br><b>Modeling: </b> Chushu Zhu and | + | </br><b>Modeling: </b> Chushu Zhu and Xinyuan Qiu were in charge of the |
− | + | modeling. | |
− | based on our project. Yue Wang | + | </br><b>Human practice: </b> Dongyu Fan and Jiaxin Ma were in charge of HP. |
+ | |||
+ | Yifan Zhang and Qijie Xu designed an interesting game | ||
+ | |||
+ | based on our project. Yue Wang popularized some basic knowledge of cancer in the | ||
community together with Xi Cheng. Besides, they went to the Second Xiangya | community together with Xi Cheng. Besides, they went to the Second Xiangya | ||
Line 452: | Line 579: | ||
Hospital of Central South University to interview Dr. Wenjin Li and Dr. Tao Hou | Hospital of Central South University to interview Dr. Wenjin Li and Dr. Tao Hou | ||
− | about cancer. Jiaxin Ma and Huifang Wang | + | about cancer. Jiaxin Ma and Huifang Wang designed a questionnaire to know the |
public awareness of early detection of cancer. Yishi Lu organized a great debate | public awareness of early detection of cancer. Yishi Lu organized a great debate | ||
− | on ethical issues about cancer. Ruixuan Cheng | + | on ethical issues about cancer. Ruixuan Cheng was in charge of “LAB OPEN DAY”. |
− | Jiaxin Ma and Xi Cheng | + | Jiaxin Ma and Xi Cheng did a survey about the cost of the early cancer detection |
− | product in the market and | + | product in the market and estimated the expected cost of our product. |
</span> | </span> | ||
</p> | </p> | ||
Line 485: | Line 612: | ||
that have helped us.</b> | that have helped us.</b> | ||
− | </br><b>General Support: </b> The project | + | </br><b>General Support: </b> The project was supported by the Department of |
+ | |||
+ | Chemistry | ||
and Biology of College of Science, National University of Defense Technology. | and Biology of College of Science, National University of Defense Technology. | ||
Line 491: | Line 620: | ||
</br><b>Project support and advice: </b>This project was come up with due to a | </br><b>Project support and advice: </b>This project was come up with due to a | ||
− | brainstorming. | + | brainstorming and then we discussed the details about it in a group. We designed |
− | + | the experiments under the help of our primary PI Dr. Lvyun Zhu. Besides, Dr. | |
− | + | Lvyun Zhu helped us to be familiar with the experimental operations. Our | |
− | Prof. | + | secondary PI Prof. Lingyun Zhu provided us a dedicated laboratory, equipments |
− | + | and great advises to ensure the smooth development of our project, and helped us | |
− | + | to contact other colleges and institutes for collaboration. Our instructor | |
− | + | Xiaomin Wu offered us the guidelines about conventional experimental techniques. | |
− | + | Dr. Zonghuang Ye from the Department of Chemistry and Biology introduced some | |
− | + | relevant background knowledge to us. Mr. Zhe Liu and | |
− | + | Prof. Dongyi Zhang offered us some important suggestions about the project. | |
− | + | </br><b>Fundraising help and advice: </b>We got experimental funding support | |
− | + | from our | |
− | + | PIs Prof. Lingyun Zhu and Dr. Lvyun Zhu and travel funding support from College | |
− | + | of Science of NUDT. Our advisor Lu Min was in charge of expenses management. | |
− | + | </br><b>Lab support: </b> Department of Chemistry | |
− | + | and Biology of College of Science provided a biology experimental platform for | |
− | </br><b>Project adviser support: </b> Our advisor | + | us. |
+ | |||
+ | </br><b>Difficult technique support: </b> Our lab was newly established and is | ||
+ | |||
+ | short of the equipment which is able to do the nucleotide sequence screening. In | ||
+ | |||
+ | light of this, we bought the sequencing service from Invitrogen<sup>TM </sup>. | ||
+ | |||
+ | Our devices and systems of parts was all verified there. Most of our regents | ||
+ | |||
+ | such as enzyme were bought from TaKaRa<sup>TM </sup> and some other bio-tech | ||
+ | |||
+ | companies. IDT provided us with the prime synthesize service. Genscript helped | ||
+ | |||
+ | to forward our part samples shipments to iGEM HQ. | ||
+ | </br><b>Project adviser support: </b> Our advisor Long Liu provided us solutions | ||
+ | |||
+ | when | ||
we face difficulties in the process of proceeding the project. | we face difficulties in the process of proceeding the project. | ||
Line 529: | Line 675: | ||
</br><b>Experiment support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second | </br><b>Experiment support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second | ||
− | Xiangya Hospital of Central South University | + | Xiangya Hospital of Central South University and Dr. De-an Tan from the Hospital |
− | + | of NUDT were concerned about our | |
− | and | + | experimental work and helped us to get some serum samples from healthy |
− | </br><b>Human Practices support: </b> Dr. Wenjin Li and Dr. Tao Hou from the Second | + | volunteers |
+ | |||
+ | and patients. We are eager to express our sincere thanks to all the volunteers | ||
+ | |||
+ | (especially the patients) for their selfless voluntary devotion.</br> | ||
+ | We'd also like to appreciate Dr. Haoqian Zhang and Mr. Yihao Zhang from iGEM2015 | ||
+ | |||
+ | team Peking for their generous support by providing timely suggestions on | ||
+ | |||
+ | protein expression and purification. | ||
+ | |||
+ | </br><b>Human Practices support: </b> Dr. Wenjin Li and Dr. Tao Hou from the | ||
+ | |||
+ | Second | ||
Xiangya Hospital of Central South University, were very kindly to answer our | Xiangya Hospital of Central South University, were very kindly to answer our | ||
Line 541: | Line 700: | ||
question about cancer. | question about cancer. | ||
− | </br><b>Wiki support: </b> Our instructors Qijun Liu | + | </br><b>Wiki support: </b> Our instructors Qijun Liu provided us solutions when |
+ | |||
+ | we | ||
face difficulties in the process of wiki production. | face difficulties in the process of wiki production. | ||
− | </br><b>Model support: </b> Our advisor Shaoliang Peng | + | </br><b>Model support: </b> Our advisor Shaoliang Peng from the Supercomputer |
Center in NUDT, helped us optimize simulation algorithm and ran parallel program | Center in NUDT, helped us optimize simulation algorithm and ran parallel program | ||
− | on Tianhe. | + | on Tianhe. Yuling Yang and Deyao Yu, our schoolmates from College of Science, |
− | + | provived us guidelines about programming and model optimization. | |
</span> | </span> | ||
</p> | </p> | ||
</br> | </br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
Line 571: | Line 750: | ||
</div> | </div> | ||
<!-- end #content-wrap --> | <!-- end #content-wrap --> | ||
− | + | <div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);"> | |
− | + | <div class="row footer-link" style="border:solid 0px red;margin-top:100px;"> | |
− | + | <style>.menu-link-container ul li{ list-style:none; } .menu-link-container | |
− | + | ||
− | + | a{ color:white; font-size:14px;line-height:26px; } | |
− | + | .menu-link-container a:hover{ | |
− | + | text-decoration:underline; | |
− | + | } #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px | |
− | + | ||
− | + | red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6 | |
− | + | ||
− | + | {height:315px;border:solid 0px red;}</style> | |
− | + | <div id="c_menu9909"> | |
− | + | <!--div class="medium-6 columns" style="width:auto;"> | |
− | + | <h5 class="column-header">HOME</h5> | |
− | + | <div class="menu-link-container"></div></div--> | |
− | + | <div class="medium-6 columns" style="width:auto;"> | |
− | + | <h5 class="column-header">TEAM</h5> | |
− | + | <div class="menu-link-container"> | |
− | + | ||
− | + | ||
− | + | <a href="/Team:NUDT_CHINA/Team">Team</a><br/> | |
− | + | ||
− | + | <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a><br/> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="medium-6 columns" style="width:auto;"> | ||
+ | <h5 class="column-header">PROJECT</h5> | ||
+ | <div class="menu-link-container"> | ||
+ | |||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Description">Description</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Design">Design</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Experiments">Experiments</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Results">Results</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Notebook">Notebook</a><br/> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="medium-6 columns" style="width:auto;"> | ||
+ | <h5 class="column-header">PARTS</h5> | ||
+ | <div class="menu-link-container"> | ||
+ | |||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Parts">Parts</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Part_Collection">Part | ||
+ | |||
+ | Collection</a><br/> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="medium-6 columns" style="width:auto;"> | ||
+ | <a href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;"> | ||
+ | <h5 class="column-header">SAFETY</h5></a> | ||
+ | |||
+ | </div> | ||
+ | <div class="medium-6 columns" style="width:auto;"> | ||
+ | <a href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"> | ||
+ | <h5 class="column-header">ATTRIBUTIONS</h5></a> | ||
+ | |||
+ | </div> | ||
+ | <!--div class="medium-6 columns" style="width:auto;"> | ||
+ | <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 | ||
+ | |||
+ | class="column-header">ATTRIBUTIONS</h5></A> | ||
+ | <div class="menu-link-container"></div></div--> | ||
+ | <div class="medium-6 columns" style="width:auto;"> | ||
+ | <h5 class="column-header">HUMAN | ||
+ | <br>PRACTICES</h5> | ||
+ | <div class="menu-link-container"> | ||
+ | |||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Human_Practices">Human | ||
+ | |||
+ | Practices</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/HP/Gold">Gold</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated | ||
+ | |||
+ | Practices</a><br/> | ||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Engagement">Engagement</a><br/> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="medium-6 columns" style="width:auto;"> | ||
+ | <h5 class="column-header">AWARDS</h5> | ||
+ | <div class="menu-link-container"> | ||
+ | |||
+ | |||
+ | <a href="/Team:NUDT_CHINA/Model">Model</a><br/> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="medium-6 columns" style="width:0px;height:0px;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<footer id="footer"> | <footer id="footer"> | ||
<div class="row footer-link"> | <div class="row footer-link"> | ||
<div class="medium-6 columns"> | <div class="medium-6 columns"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-igem-logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png" style="width:300px;"> | + | <img |
+ | |||
+ | src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-igem- | ||
+ | |||
+ | logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png" style="width:300px;"> | ||
<div class="content-open" style="width:300px;"> | <div class="content-open" style="width:300px;"> | ||
<p class="intro" style="font-size:18px;line-height:30px;"> | <p class="intro" style="font-size:18px;line-height:30px;"> | ||
Line 684: | Line 882: | ||
<!--ul class="arrow-list footer-support-links"> | <!--ul class="arrow-list footer-support-links"> | ||
<li><a href="/support/membership/">Become a member</a></li> | <li><a href="/support/membership/">Become a member</a></li> | ||
− | <li><a href="/support/donate/">Donate now</a></li></ul--></div> | + | <li><a href="/support/donate/">Donate now</a></li></ul-- |
+ | |||
+ | ></div> | ||
</div> | </div> | ||
− | <div style="position:relative;left:250px;top:10px;width:500px;"><h5 style="color:white;">SPONSORS</h5></div> | + | <div style="position:relative;left:250px;top:10px;width:500px;"><h5 |
− | <div style="position:relative;left:0px;margin-left:600px;top:20px;"> | + | |
− | <img style="width:300px;" src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png" /><br/><br/> | + | style="color:white;">SPONSORS</h5></div> |
− | <img style="width:300px;" src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA--Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/> | + | <div style="position:relative;left:0px;margin- |
− | <img style="width:300px;" src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" /> | + | |
+ | left:600px;top:20px;"> | ||
+ | <img style="width:300px;" | ||
+ | |||
+ | src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png" | ||
+ | |||
+ | /><br/><br/> | ||
+ | <img style="width:300px;" | ||
+ | |||
+ | src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA-- | ||
+ | |||
+ | Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/> | ||
+ | <img style="width:300px;" | ||
+ | |||
+ | src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" /> | ||
</div> | </div> | ||
<!-- end .columns --></div> | <!-- end .columns --></div> | ||
<!-- end row --> | <!-- end row --> | ||
<div data-footer-end class="footer-end row"> | <div data-footer-end class="footer-end row"> | ||
− | <div class="nav-utility inline-list privacy" style="width:100%;text-align:center;color:white;font-size:11px;"> | + | <div class="nav-utility inline-list privacy" style="width:100%;text- |
+ | |||
+ | align:center;color:white;font-size:11px;"> | ||
<span>COPYRIGHT © 2016 NUDT_CHINA</span></div> | <span>COPYRIGHT © 2016 NUDT_CHINA</span></div> | ||
<!-- end .columns --> | <!-- end .columns --> | ||
<!--div class="large-8 large-pull-10 medium-24 columns copyright"> | <!--div class="large-8 large-pull-10 medium-24 columns copyright"> | ||
− | <span>© 2016 Museum of Science and Industry, Chicago</span></div--> | + | <span>© 2016 Museum of Science and Industry, |
+ | |||
+ | Chicago</span></div--> | ||
<!-- end .columns --> | <!-- end .columns --> | ||
<!-- end .columns --></div> | <!-- end .columns --></div> | ||
Line 706: | Line 924: | ||
<!-- end .inner-wrap --> | <!-- end .inner-wrap --> | ||
<div id="my-visit-container"></div> | <div id="my-visit-container"></div> | ||
− | <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery? |
+ | |||
+ | action=raw&ctype=text/javascript"></script> | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
Line 717: | Line 937: | ||
}); | }); | ||
</script> | </script> | ||
− | <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS? |
− | <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div> | + | |
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" | ||
+ | |||
+ | style="border:solid 1px red;">ink</div></div> | ||
--> | --> | ||
− | + | <!-- to top edit by inksci---> | |
+ | <style> | ||
+ | #to_top{ | ||
+ | position:fixed; | ||
+ | bottom:100px; | ||
+ | right:0px; | ||
+ | width:60px; | ||
+ | height:60px; | ||
+ | font-size:14px; | ||
+ | line-height:60px; | ||
+ | text-align:center; | ||
+ | background-color:black; | ||
+ | color:rgb(246,168,0); | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | </style> | ||
+ | <div onclick="top_it()" id="to_top"> | ||
+ | TOP | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | var oTop = document.getElementById("to_top"); | ||
+ | oTop.style.display="none"; | ||
+ | var top_break=false; | ||
+ | /** | ||
+ | * 回到页面顶部 | ||
+ | * @param acceleration 加速度 | ||
+ | * @param time 时间间隔 (毫秒) | ||
+ | **/ | ||
+ | var save_scrolltop=100000000000000; | ||
+ | window.onscroll = function(){ | ||
+ | |||
+ | |||
+ | var scrolltop = document.documentElement.scrollTop || | ||
+ | |||
+ | document.body.scrollTop; | ||
+ | if(scrolltop>300){ | ||
+ | oTop.style.display="block"; | ||
+ | }else{ | ||
+ | oTop.style.display="none"; | ||
+ | } | ||
+ | if(scrolltop>save_scrolltop) | ||
+ | { | ||
+ | top_break=true; | ||
+ | } | ||
+ | save_scrolltop=scrolltop; | ||
+ | } | ||
+ | function top_it(){ | ||
+ | top_break=false; | ||
+ | goTop();return false; | ||
+ | } | ||
+ | function goTop(acceleration, time) { | ||
+ | if(top_break){ | ||
+ | return; | ||
+ | } | ||
+ | oTop.style.display="none"; | ||
+ | acceleration = acceleration || 0.1; | ||
+ | time = time || 16; | ||
+ | |||
+ | var x1 = 0; | ||
+ | var y1 = 0; | ||
+ | var x2 = 0; | ||
+ | var y2 = 0; | ||
+ | var x3 = 0; | ||
+ | var y3 = 0; | ||
+ | |||
+ | if (document.documentElement) { | ||
+ | x1 = document.documentElement.scrollLeft || 0; | ||
+ | y1 = document.documentElement.scrollTop || 0; | ||
+ | } | ||
+ | if (document.body) { | ||
+ | x2 = document.body.scrollLeft || 0; | ||
+ | y2 = document.body.scrollTop || 0; | ||
+ | } | ||
+ | var x3 = window.scrollX || 0; | ||
+ | var y3 = window.scrollY || 0; | ||
+ | |||
+ | // 滚动条到页面顶部的水平距离 | ||
+ | var x = Math.max(x1, Math.max(x2, x3)); | ||
+ | // 滚动条到页面顶部的垂直距离 | ||
+ | var y = Math.max(y1, Math.max(y2, y3)); | ||
+ | |||
+ | // 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离 | ||
+ | |||
+ | 会越来越小 | ||
+ | var speed = 1 + acceleration; | ||
+ | window.scrollTo(Math.floor(x / speed), Math.floor(y / speed)); | ||
+ | |||
+ | // 如果距离不为零, 继续调用迭代本函数 | ||
+ | if(x > 0 || y > 0) { | ||
+ | var invokeFunction = "goTop(" + acceleration + ", " + time + ")"; | ||
+ | window.setTimeout(invokeFunction, time); | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | <!-- to top edit by inksci---> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:13, 19 October 2016