Team:HZAU-China

From 2013.igem.org

(Difference between revisions)
Line 182: Line 182:
</html>
</html>
<!--- 底部 --->
<!--- 底部 --->
 +
 +
 +
 +
 +
 +
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 +
<style type="text/css" media="screen">
 +
body{
 +
background-color: #333; color:#FFFFFF
 +
}
 +
a{ color:#FFCC00;}
 +
#menuBar{
 +
overflow:hidden;
 +
width:200px;
 +
height:250px;
 +
background: transparent url(/jscss/demoimg/201303/bar.jpg) no-repeat scroll left top;
 +
margin:0 auto;
 +
border:0px solid #111;
 +
}
 +
 +
#menuBar ul{
 +
width:380px;
 +
margin:0 auto;
 +
list-style-type: none;
 +
}
 +
#menuBar ul li{
 +
float:;
 +
padding-left:0px;
 +
}
 +
 +
#menuBar a{
 +
width:200px;
 +
height:200px;
 +
display:block;
 +
background: transparent url(https://static.igem.org/mediawiki/2013/7/71/3human_practice.jpg)
 +
                                no-repeat scroll ;
 +
padding-top:100px;
 +
color:#ddd;
 +
font-family: Arial, "MS Trebuchet", sans-serif;
 +
text-decoration: none;
 +
font-size:25pt;
 +
font-weight:bold;
 +
outline:none;
 +
}
 +
#menuBar a:hover{
 +
background-image:url(https://static.igem.org/mediawiki/2013/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png);
 +
}
 +
#menuBar a#Achievement{
 +
background-position:-0px top;
 +
}
 +
 +
</style>
 +
</head>
 +
<body>
 +
<div id="menuBar">
 +
<ul>
 +
<li><a href="#" id="Achievement">Achievement</a></li>
 +
 +
</ul>
 +
</div><br />
 +
 +
</body>
 +
<script type="text/javascript" src="/ajaxjs/jquery-1.7.2.min.js"></script>
 +
<script type="text/javascript" charset="utf-8">
 +
$(document).ready(function() {
 +
$("a").mouseover(function(){
 +
var selected = "#"+$(this).attr("id");
 +
$(selected).animate({paddingTop:"210px"}, 100);
 +
}).mouseout(function(){
 +
var selected = "#"+$(this).attr("id");
 +
$(selected).animate({paddingTop:"300px"}, 100);
 +
});
 +
});
 +
</script>
 +
</body>
 +
</html>

Revision as of 10:58, 11 July 2013








Retrieved from "http://2013.igem.org/Team:HZAU-China"