"
Team:NJAU China
From 2014.igem.org
(Difference between revisions)
| Line 123: | Line 123: | ||
color: #FFF | color: #FFF | ||
} | } | ||
| - | # | + | #my_nav{ |
position:absolute; | position:absolute; | ||
top:402px; | top:402px; | ||
| Line 130: | Line 130: | ||
height:50px; | height:50px; | ||
} | } | ||
| - | # | + | #my_nav ul{ |
width:100%; | width:100%; | ||
margin:0; | margin:0; | ||
| Line 137: | Line 137: | ||
font-size:24px; | font-size:24px; | ||
} | } | ||
| - | # | + | #my_nav ul li{ |
display::inline-block; | display::inline-block; | ||
padding:9px 30px; | padding:9px 30px; | ||
| Line 143: | Line 143: | ||
position:relative; | position:relative; | ||
} | } | ||
| - | # | + | #my_nav ul li:hover{ |
background:#e3f7ff; | background:#e3f7ff; | ||
} | } | ||
| - | # | + | #my_nav ul li a{ |
color:#00586b; | color:#00586b; | ||
text-decoration:none; | text-decoration:none; | ||
| Line 263: | Line 263: | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| - | |||
xialashow('project_li','project'); | xialashow('project_li','project'); | ||
xialahidden('project_li','project'); | xialahidden('project_li','project'); | ||
| Line 272: | Line 271: | ||
xialashow('ackonwledgement_li','ackonwledgement'); | xialashow('ackonwledgement_li','ackonwledgement'); | ||
xialahidden('ackonwledgement_li','ackonwledgement'); | xialahidden('ackonwledgement_li','ackonwledgement'); | ||
| - | |||
function xialashow(li_id,dl_id){ | function xialashow(li_id,dl_id){ | ||
var li_id = document.getElementById(li_id); | var li_id = document.getElementById(li_id); | ||
| Line 296: | Line 294: | ||
<div id="myheader"> | <div id="myheader"> | ||
<h1><a href="#"></a></h1> | <h1><a href="#"></a></h1> | ||
| - | <div id=" | + | <div id="my_nav"> |
<ul> | <ul> | ||
<li><a href="#">Home</a></li> | <li><a href="#">Home</a></li> | ||
Revision as of 13:23, 15 October 2014
First featurette heading. It'll blow your mind.
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
Oh yeah, it's that good. See for yourself.
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
And lastly, this one. Checkmate.
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
