Difference between revisions of "Team:Amoy"

Revision as of 08:06, 21 August 2015

Aomy

Skip

This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.

They are our experimental results. They are our experimental results.

@@ Line 4: / Line 4: @@
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Aomy</title>
+<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 <style type="text/css">
@@ Line 57: / Line 59: @@
 <body>
-<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;"  href="#crossbanenr" class="lanrenzhijia_top"></a>
+<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
+<script>
+$(function(){
+	$(window).scroll(function(){
+		var _top = $(window).scrollTop();
+		if(_top>300){
+			$('.lanrenzhijia_top').fadeIn(600);
+		}else{
+			$('.lanrenzhijia_top').fadeOut(600);
+		}
+	});
+	$(".lanrenzhijia_top").click(function(){
+		$("html,body").animate({scrollTop:0},500);
+	});
+});
+</script>
@@ Line 182: / Line 199: @@
 </div>
-<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 <!--
 <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script>