Difference between revisions of "Team:NUDT CHINA"
Qiuxinyuan12 (Talk | contribs) |
|||
| (36 intermediate revisions by 3 users not shown) | |||
| Line 88: | Line 88: | ||
<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 152: | Line 115: | ||
<a class="nav-global__link" title="" href="#">AWARDS</a></li> | <a class="nav-global__link" title="" href="#">AWARDS</a></li> | ||
</ul> | </ul> | ||
| − | <style> | + | <style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;} |
| − | + | #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;} | |
| − | + | ||
| − | + | @media screen and (max-width: 64em) { | |
| − | + | #menu01{right:31.3rem;} | |
| − | + | #menu02{right:27rem;} | |
| − | + | #menu03{right:21.8rem;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | @media screen and (max-width: 64em) { | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | </style> | + | |
<div class="content support" id="menu01"> | <div class="content support" id="menu01"> | ||
<div class="arrow-up"></div> | <div class="arrow-up"></div> | ||
| Line 215: | Line 162: | ||
<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> | ||
| Line 243: | Line 190: | ||
<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> | ||
| Line 260: | Line 207: | ||
<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> | ||
| Line 277: | Line 224: | ||
<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> | ||
| Line 293: | Line 240: | ||
<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/Silver">Silver</a></li> | + | <a href="/Team:NUDT_CHINA/HP/Silver">Silver</a></li> |
<li> | <li> | ||
| − | <a href="/Team:NUDT_CHINA/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> | ||
| Line 307: | Line 254: | ||
<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> | ||
| Line 320: | Line 267: | ||
<nav class="dropdown-arrow-list"> | <nav class="dropdown-arrow-list"> | ||
<ul> | <ul> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<li> | <li> | ||
<a href="/Team:NUDT_CHINA/Model">Model</a></li> | <a href="/Team:NUDT_CHINA/Model">Model</a></li> | ||
| Line 337: | Line 276: | ||
<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> | ||
| Line 346: | Line 285: | ||
</div> | </div> | ||
</nav> | </nav> | ||
| − | <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; } } |
| − | .nav-global ul li a{ | + | |
| − | + | ||
| − | } | + | #feature{ |
| − | @media screen and (max-width: 865px) { | + | background-size:100%; |
| − | .nav-global ul li a{ | + | } |
| − | + | @media screen and (max-width: 1280px) { | |
| − | } | + | #feature{ |
| − | + | background-size:1280px; | |
| − | } | + | } |
| − | </style> | + | } |
| + | </style> | ||
<div class="breadcrumb-share-wrap"> | <div class="breadcrumb-share-wrap"> | ||
| Line 369: | Line 309: | ||
<!-- 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-repeat:no-repeat;"> |
<div class="inner-wrap medium-24 columns"> | <div class="inner-wrap medium-24 columns"> | ||
<!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_begin--> | ||
| Line 380: | Line 320: | ||
<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 bh__video"> | ||
| − | <div class="bh__background bh__background-color | + | <div class="bh__background bh__background-color "></div> |
<div class="bh__content-wrap"> | <div class="bh__content-wrap"> | ||
<div class="bh__content "> | <div class="bh__content "> | ||
| Line 399: | Line 339: | ||
<span style="line-height:41px;" class="line">Development of A Novel</span></span> | <span style="line-height:41px;" class="line">Development of A Novel</span></span> | ||
<span style="line-height:41px;" class="line-wrap"> | <span style="line-height:41px;" class="line-wrap"> | ||
| − | <span style="line-height:41px;" class="line">Blood-MicroRNA | + | <span style="line-height:41px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span> |
<!--</a>--> | <!--</a>--> | ||
</h2> | </h2> | ||
| Line 420: | Line 360: | ||
<div style="background-color:rgb(10,31,84);float:right;height:250px;width:38%;font-weight:bold;line-height:64px;color:white;font-size:36px;"> | <div style="background-color:rgb(10,31,84);float:right;height:250px;width:38%;font-weight:bold;line-height:64px;color:white;font-size:36px;"> | ||
<br/> | <br/> | ||
| − | <div style="margin-left:30px;line-height:48px;">PROJECT | + | <div style="margin-left:30px;line-height:48px;">PROJECT |
| − | + | <br/> BRIEF <br/> DESCRIPTION</div></div> | |
| − | <div style="color:black;font-size:16px;font-size:18px;width:60%;"> | + | <div style="margin-left:-10px;color:black;font-size:16px;font-size:18px;width:60%;"> |
| − | + | ||
| + | |||
| + | <div style=”text-indent:22pt;”> | ||
| + | <p><span style="margin-left:22pt; line-height:2;font-family:Perpetua;font-size:18px;">MicroRNAs (miRNA), serve as critical gene expression regulators at the transcriptional and post-transcriptional levels, have also been found as important blood-based biomarkers for early detection of cancers. However, their current in vitro detection methods are relatively complex, costly and low sensitive. Our project attempts to establish a novel in vitro miRNA detection system which is efficient, sensitive, specific, low-cost and output-visible. In this system, CRISPR-Cas9 technique is modified to integrate with split-HRP systems. The advanced chain-replacement and rolling circle amplification technologies are also involved and optimized. </span> </p > | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
</div> | </div> | ||
<div class="row footer-link" style=""> | <div class="row footer-link" style=""> | ||
| − | <br/> | + | <div style=”text-indent:22pt;”> |
| + | <p><span style="margin-left:22pt;line-height:2;font-family:Perpetua;font-size:18px;">To proof our concept and demonstrate our designs, miR let-7a, a typical lung cancer biomarker in serum, was selected as a detection prototype. As expected, gradient dilution miR let-7a showed significant signal variation both resolved in water and serum. The results were exceedingly in consistent with the modeling data, which obtained parameters from experiment results and theoretical calculation and in turn provided important experimental conditions for wet-lab. Finally, our approach was resorted to the clinical amplification by comparing the serum miR let-7a concentrations between non-small cell lung cancer (NSCLC) and healthy volunteers. Results confirmed the significant miR let-7a down-regulation in NSCLC, and demonstrated the clinical practicability of our detection system. </span> </p > | ||
| + | <p><span style="margin-left:22pt;line-height:2;font-family:Perpetua;font-size:18px;">Not only for the analyses of miRNA, this system may ideally be compatible for the detection of various series of small non-coding RNAs. To our knowledge, we are the first to use the CRISPR-Cas9 system as a small non-coding RNA monitor in vitro. Its establishment and further development might provide a new approach for rapid and low-cost cancer screening, virus detection and curative efficacy assessment. </span> </p > | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <br/> | ||
<br/> | <br/> | ||
<video style="width:100%;" controls="controls" preload="auto"> | <video style="width:100%;" controls="controls" preload="auto"> | ||
| − | <source src="/wiki/images/ | + | <source src="/wiki/images/2/26/T--NUDT_CHINA--OPEN-UP_MOVIE.MOV" type="video/mp4" /> |
| − | Your browser does not support the video tag. Please click <a href="/wiki/images/ | + | Your browser does not support the video tag. Please click <a href="/wiki/images/2/26/T--NUDT_CHINA--OPEN-UP_MOVIE.MOV">HERE</a> to open this video! |
</video> | </video> | ||
<br/> | <br/> | ||
| + | |||
<br/></div> | <br/></div> | ||
</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 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"> | |
| − | < | + | <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"> | + | <p class="intro" style="font-size:18px;line-height:30px;"> |
| − | <p class="intro"> | + | <br/>No. 109 Deya Road, Kaifu District, |
| − | No. 109 Deya Road, Kaifu District, | + | |
<br/>Changsha, Hunan Province 410073 | <br/>Changsha, Hunan Province 410073 | ||
<br/>P.R.China | <br/>P.R.China | ||
| Line 559: | Line 511: | ||
<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: | + | <div style="position:relative;left:0px;margin-left:600px;top:20px;"> |
| − | <div style="position:relative;left: | + | <img style="width:300px;" src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png" /><br/><br/> |
| − | <img src="/ | + | <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 src="/ | + | <img style="width:300px;" src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" /> |
| − | <img src="/ | + | |
</div> | </div> | ||
<!-- end .columns --></div> | <!-- end .columns --></div> | ||
| Line 595: | Line 546: | ||
--> | --> | ||
| − | + | <!-- 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 15:37, 3 November 2016
