Difference between revisions of "Team:CHINA CD UESTC/Description"
Zhangkaiyue (Talk | contribs) |
|||
Line 7: | Line 7: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | #toTop { | ||
+ | /*选中的背景图片的大小*/ | ||
+ | width: 54px; | ||
+ | height: 54px; | ||
+ | display: none;/*刚开始不显示*/ | ||
+ | position: fixed; | ||
+ | right: 25px;/*距离右边大小值*/ | ||
+ | bottom: 45px;/*距离底部大小值*/ | ||
+ | /*选定图片区域*/ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/b/bb/CD_UESTC_whitefrontier.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: -700px -110px; | ||
+ | opacity: 0.3; /*透明度*/ | ||
+ | } | ||
+ | |||
+ | #toTop:hover { | ||
+ | opacity: 1;/*悬停时不透明*/ | ||
+ | filter: alpha(opacity = 100); | ||
+ | } | ||
/************************************************* | /************************************************* | ||
whole right section | whole right section | ||
Line 249: | Line 269: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <a href="#" target="_self" id="toTop" title="返回顶部" onclick="window.scrollTo(0,0);return false"></a> | |
+ | <script type = "text/javascript"> | ||
+ | function toTopHide(){ | ||
+ | $(document).scrollTop()>400? | ||
+ | $("#toTop").show() | ||
+ | :$("#toTop").hide(); | ||
+ | } | ||
+ | $(window).scroll(function(){toTopHide()}); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:28, 15 September 2015
<!DOCTYPE html>
DESCRIPTION
Do you know how to solve energy crisis utilizing biological methods? Have you ever heard about constructing a cell with enzyme? Nothing is too strange in the nature. There are many special properties of bacteria in the nature such as producing electricity, being attracted by magnet.Please read the description!