Team:Peking/Texttest
From 2010.igem.org
(Difference between revisions)
(New page: {{:Team:Peking/BannerHidden}} {{:Team:Peking/Header3}} {{:Team:Peking/Test}} {{:Team:Peking/LeftBarpro}} {{:Team:Peking/Background}} {{:Team:Peking/boxes}} <html><br><body id="home" onloa...) |
|||
Line 23: | Line 23: | ||
</style> | </style> | ||
<img src="https://static.igem.org/mediawiki/2010/a/a3/PKUProject.jpg" width="400" id="imgblue" alt="bio decontamination kit"> | <img src="https://static.igem.org/mediawiki/2010/a/a3/PKUProject.jpg" width="400" id="imgblue" alt="bio decontamination kit"> | ||
- | <p><font color | + | |
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | ||
+ | <title>cssmanu</title> | ||
+ | <p><br><br><br><br><br><br><br><br><br><br><br><br> | ||
+ | <br><br><br> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | |||
+ | *{margin:0;padding:0;border:0;} | ||
+ | body { | ||
+ | font-family: arial, Franklin Gothic Demi Cond, serif; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav { | ||
+ | line-height: 24px; list-style-type: none; background:#8181F7; | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: block; width: 200px; text-align:center; | ||
+ | } | ||
+ | |||
+ | #nav a:link { | ||
+ | color:#FFFFFF; text-decoration:none; | ||
+ | } | ||
+ | #nav a:visited { | ||
+ | color:#FFFFFF;text-decoration:none; | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | color:#FF0000;text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; width: 200px; background:#8181F7; | ||
+ | } | ||
+ | #nav li a:hover{ | ||
+ | background:#5858FA; | ||
+ | } | ||
+ | #nav li ul { | ||
+ | list-style-type: none;text-align:left; | ||
+ | left: -100em; width: 200px; position: absolute; | ||
+ | } | ||
+ | #nav li ul li{ | ||
+ | float: left; width: 200px; | ||
+ | background: #5858FA; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav li ul a{ | ||
+ | display: block; width: 200px;text-align:left;padding-left:24px; | ||
+ | } | ||
+ | |||
+ | #nav li ul a:link { | ||
+ | color:#ffffff; text-decoration:none; | ||
+ | } | ||
+ | #nav li ul a:visited { | ||
+ | color:#ffffff;text-decoration:none; | ||
+ | } | ||
+ | #nav li ul a:hover { | ||
+ | color:#ffffff;text-decoration:none; } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | left: auto; | ||
+ | } | ||
+ | #nav li.sfhover ul { | ||
+ | left: auto; | ||
+ | } | ||
+ | #content { | ||
+ | clear: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | --> | ||
+ | </style> | ||
+ | |||
+ | <script type=text/javascript><!--//--><![CDATA[//><!-- | ||
+ | function menuFix() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("li"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=(this.className.length>0? " ": "") + "sfhover"; | ||
+ | } | ||
+ | sfEls[i].onMouseDown=function() { | ||
+ | this.className+=(this.className.length>0? " ": "") + "sfhover"; | ||
+ | } | ||
+ | sfEls[i].onMouseUp=function() { | ||
+ | this.className+=(this.className.length>0? " ": "") + "sfhover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), | ||
+ | |||
+ | ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | window.onload=menuFix; | ||
+ | //more javascript from http://www.webjx.com | ||
+ | //--><!]]></script> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | |||
+ | <ul id="nav"> | ||
+ | <li><a href="#">产品介绍</a> | ||
+ | <ul> | ||
+ | <li><a href="#">产品一</a></li> | ||
+ | <li><a href="#">产品一</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">服务介绍</a> | ||
+ | <ul> | ||
+ | <li><a href="#">服务二</a></li> | ||
+ | <li><a href="#">服务二</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">成功案例</a> | ||
+ | <ul> | ||
+ | <li><a href="#">案例三案例三</a></li> | ||
+ | <li><a href="#">案例三案例三案例三</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">关于我们</a> | ||
+ | <ul> | ||
+ | <li><a href="#">我们四</a></li> | ||
+ | <li><a href="#">我们四</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">在线演示</a> | ||
+ | <ul> | ||
+ | <li><a href="#">演示演示</a></li> | ||
+ | <li><a href="#">演示演示演示</a></li> | ||
+ | <li><a href="#">演示演示演示演示演示</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">联系我们</a> | ||
+ | <ul> | ||
+ | <li><a href="#">联系联系联系联系联系</a></li> | ||
+ | <li><a href="#">联系联系联系</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
<br> | <br> | ||
</div> | </div> |
Revision as of 15:34, 29 September 2010
Project Discription