Template:Team:SCUT-China/mainpage

From 2014.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<head>
<head>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
 +
<style type="text/css">
<style type="text/css">
 +
#navi
 +
{
 +
width:240px;
 +
float:left;
 +
margin-left:60px;
 +
margin-top:50px;
 +
border-top:2px solid red;
 +
border-bottom:4px solid red;
 +
}
 +
#navislide
 +
{
 +
background-color:transparent;
 +
padding:0;
 +
border-bottom:3px solid red;
 +
}
 +
.navimenu_head
 +
{
 +
font-weight:600;
 +
height:30px;
 +
padding:6px 5px 3px 5px;
 +
margin:5px 0;
 +
text-align:left;
 +
font-family:Verdana,Arial;
 +
}
 +
.navimenu_head a
 +
{
 +
font-size:20px;
 +
color:#000000;
 +
text-decoration:none;
 +
}
 +
.navimenu_body
 +
{
 +
margin-left:8px;
 +
margin-bottom:10px;
 +
padding:0px;
 +
display:none;
 +
}
 +
.navimenu_body a
 +
{
 +
color:#000000;
 +
background-color:transparent;
 +
display:block;
 +
padding:5px 15px;
 +
font-size:16px;
 +
margin-top:5px;
 +
text-decoration:none;
 +
font-family:Verdana,Arial;
 +
}
 +
.navimenu_body a:hover
 +
{
 +
color:red;
 +
background-color:white;
 +
opacity:0.7;
 +
}
 +
.navimenu_head a:hover
 +
{
 +
color:red;
 +
}
 +
#show
 +
{
 +
display:block;
 +
}
-
#whole{left:0px;top:0;width:100%;height:2020px;}
+
#whole{left:0px;top:0;width:100%;}
-
.title{position:absolute;left:0px;top:15px;font-family:'Traditional Arabic', Helvetica, sans-serif;font-weight:bold;font-size:28px;color:#090;}
+
-
.bgdiv{margin-top:100px;margin-left:20%;width:65%;height:1920px;background-color:white;opacity:0.5;}
+
.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{left:22%;top:120px;width:auto;height:100px;}
+
.logo{margin-left:4%;margin-top:20px;width:87px;height:100px;}
-
.bg{position:absolute;left:20%;top:100px;width:65%;height:auto;text-align:center;}
+
</style>
</style>
-
</head>
 
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".navimenu_head").mouseover(function(){
 +
    $(this).next(".navimenu_body").slideDown("normal").siblings(".navimenu_body").slideUp("slow");
 +
});
 +
})
 +
</script>
 +
 +
<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