Template:Team:SCUT-China/mainpage

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 8: Line 8:
#navi
#navi
{
{
-
width:250px;
+
width:240px;
float:left;
float:left;
-
margin-left:45px;
+
margin-left:60px;
margin-top:50px;
margin-top:50px;
border-top:2px solid red;
border-top:2px solid red;
Line 57: Line 57:
{
{
color:red;
color:red;
 +
background-color:white;
 +
opacity:0.7;
}
}
.navimenu_head a:hover
.navimenu_head a:hover
{
{
color:red;
color:red;
 +
}
 +
#show
 +
{
 +
display:block;
}
}
-
#whole{left:0px;top:0;width:100%;height:2020px;}
+
#whole{left:0px;top:0;width:100%;}
 +
 
 +
.bgdiv{margin-top:52px;margin-left:25%;padding-bottom:5px;width:65%;background-image:url('https://static.igem.org/mediawiki/2014/b/b5/Scut-china_2014_bgdiv-bg.png');"}
 +
.logo{margin-left:4%;margin-top:20px;width:87px;height:100px;}
-
.bgdiv{margin-top:52px;margin-left:25%;width:65%;height:1920px;background-image:url('https://static.igem.org/mediawiki/2014/b/b5/Scut-china_2014_bgdiv-bg.png');"}
 
-
.logo{margin-left:4%;margin-top:20px;width:auto;height:100px;}
 
-
.bg{margin-left:25%;margin-top:100px;width:65%;height:auto;text-align:center;}
 
</style>
</style>
-
</head>
 
-
<body>
 
-
</div>
+
 
-
</div>
+
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
Line 83: Line 86:
})
})
</script>
</script>
-
</body>
 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
var element = $("#navi");
 +
var top = element.position().top;
 +
var pos = element.css("position");
 +
$(window).scroll(function(){
 +
var scrolls = $(this).scrollTop() + 30;
 +
if (scrolls > top)
 +
{
 +
element.css({position:"fixed",top:30});
 +
}
 +
else {
 +
element.css({position:pos,top:top});
 +
}
 +
});
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
function scroll(element){
 +
var eletop = element.offset().top;
 +
$('body,html').animate({scrollTop:eletop},600);
 +
};
 +
function scroll_1(){
 +
var element = $("#label1");
 +
scroll(element);
 +
};
 +
function scroll_2(){
 +
var element = $("#label2");
 +
scroll(element);
 +
};
 +
function scroll_3(){
 +
var element = $("#label3");
 +
scroll(element);
 +
};
 +
function scroll_4(){
 +
var element = $("#label4");
 +
scroll(element);
 +
};
 +
</script>
 +
</head>
</html>
</html>

Latest revision as of 03:04, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:SCUT-China/mainpage"