Team:Peking S/0001

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#content
+
<html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
body{
 +
background-color:white;
 +
font-size:12px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
margin:0px;
 +
padding:0px;
 +
color:black;
 +
}
 +
ul,li{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
li{
 +
display:inline;
 +
list-style:none;
 +
list-style-position:outside;
 +
text-align:center;
 +
font-weight:bold;
 +
float:left;
 +
}
 +
a:link{
 +
color:#336601;
 +
text-decoration:none;
 +
float:left;
 +
width:100px;
 +
padding:3px 5px 0px 5px;
 +
}
 +
a:visited{
 +
color:#336601;
 +
text-decoration:none;
 +
float:left;
 +
padding:3px 5px 0px 5px;
 +
width:100px;
 +
}
 +
a:hover{
 +
color:white;
 +
float:left;
 +
padding:3px 3px 0px 20px;
 +
width:88px;
 +
text-decoration:none;
 +
background-color:#539D26;
 +
}
 +
a:active{
 +
color:white;
 +
float:left;
 +
padding:3px 3px 0px 20px;
 +
width:88px;
 +
text-decoration:none;
 +
background-color:#539D26;
 +
}
 +
#nav{
 +
width:600px;
 +
height:30px;
 +
border-bottom:0px;
 +
padding:0px 5px;
 +
position:absolute;
 +
z-index:1;
 +
left: 198px;
 +
top: 25px;
 +
}
 +
.list{
 +
line-height:20px;
 +
text-align:left;
 +
padding:4px;
 +
font-weight:normal;
 +
}
 +
.menu1{
 +
width:120px;
 +
height:auto;
 +
margin:6px 4px 0px 0px;
 +
border:1px solid #9CDD75;
 +
background-color:#F1FBEC;
 +
color:#336601;
 +
padding:6px 0px 0px 0px;
 +
cursor:hand;
 +
overflow-y:hidden;
 +
filter:Alpha(opacity=90);
 +
-moz-opacity:1.7;
 +
}
 +
.menu2{
 +
width:120px;
 +
height:18px;
 +
margin:6px 4px 0px 0px;
 +
background-color:#F5F5F5;
 +
color:#999999;
 +
border:1px solid #EEE8DD;
 +
padding:6px 0px 0px 0px;
 +
overflow-y:hidden;
 +
cursor:hand;
 +
}
 +
 
 +
#nav2 li a.on {
 +
background: url(images/layout/tab_on.gif) top no-repeat;
 +
color:#aaa;
 +
}
 +
#nav2 li a.off {
 +
background: url(images/layout/tab_off.gif) top left no-repeat;
 +
color:#eee;
 +
}
 +
 
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 +
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312" xml:lang="gb2312">
<head>
<head>
 +
<title>Css下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
<style>
+
<link rel="stylesheet" type="text/css" href="css/css.css" />
-
body,ul,li{background-color:white;font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:0px; padding:0px;}
+
-
a{ color:#000000; text-decoration:none;}
+
-
body{text-align:center; }
+
-
li{display:inline;list-style:none;list-style-position:outside;text-align:center;font-weight:bold; float:left;}
+
-
.list a:link{color:#336601;text-decoration:none;float:left;width:100px;padding:3px 5px 0px 5px;}
+
-
.list a:visited{color:#336601;text-decoration:none;float:left;padding:3px 5px 0px 5px;width:100px;}
+
-
.list a:hover{color:white;float:left;padding:3px 3px 0px 20px;width:88px;text-decoration:none;background-color:#539D26;}
+
-
.list a:active{color:white;float:left;padding:3px 3px 0px 20px;width:88px;text-decoration:none; background-color:#BD06B4;}
+
-
#nav{width:600px;height:30px; margin:0 auto;padding:0px 5px; text-align:center; clear:both;}
+
-
.list{line-height:20px;text-align:left;padding:4px;font-weight:normal;}
+
-
.menu1{width:120px;height:auto;margin:6px 4px 0px 0px;border:1px solid #9CDD75;background-color:#F1FBEC;color:#336601;padding:6px 0px 0px 0px;cursor:hand;overflow-y:hidden;filter:Alpha(opacity=70);-moz-opacity:0.7;}
+
-
.menu2{width:120px;height:18px;margin:6px 4px 0px 0px;background-color:#F5F5F5;color:#999999;border:1px solid #EEE8DD;padding:6px 0px 0px 0px;overflow-y:hidden;cursor:hand;}
+
-
</style>
+
</head>
</head>
 +
<body>
<body>
 +
<div>
 +
<div id="nav">
 +
<ul>
 +
<li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">酷站首页
 +
<div class="list">
 +
<a href="#">我的Png</a><br />
 +
<a href="#">我的Gif</a><br />
 +
<a href="#">我的酷站</a><br />
 +
<a href="#">我的日志</a><br />
 +
<a href="#">我的相册</a><br />
 +
<a href="#">我的收藏</a><br />
 +
</div>
 +
</li>
 +
<li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">社区圈子
 +
<div class="list">
 +
<a class="on" href="#">我的CHINAY</a><br />
 +
<a href="#">我的首页</a><br />
 +
<a href="#">我的日志</a><br />
 +
<a href="#">我的相册</a><br />
 +
<a href="#">我的收藏</a><br />
 +
</div>
 +
</li>
 +
<li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">我的短信
 +
<div class="list">
 +
<a href="#">我的CHINAY</a><br />
 +
<a href="#">我的相册</a><br />
 +
<a href="#">我的收藏</a><br />
 +
</div>
 +
</li>
 +
<li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">账户管理
 +
<div class="list">
 +
<a href="#">我的CHINAY</a><br />
 +
<a href="#">我的首页</a><br />
 +
<a href="#">我的日志</a><br />
 +
<a href="#">我的相册</a><br />
 +
<a href="#">我的收藏</a><br />
 +
<a href="#">我的日志</a><br />
 +
<a href="#">我的相册</a><br />
 +
<a href="#">我的收藏</a><br />
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div>
 +
NIHAO NIHAOMA???????
 +
</div>
 +
<div style="left:200px;position:absolute"><B></B>
 +
<iframe style="position:absolute;z-index:-1;left:100px;align:center" frameborder=1 scrolling=auto src=http://www.baidu.com></iframe>sdfsdf
 +
<div style="left:200px;top:100px">aa
 +
bb
 +
</div>
 +
<div style="left:200px;top:200px;position:inherit">aa
 +
bb
 +
</div>
 +
</div>
 +
 +
<div id="nav2" style="left:200px;top:500px;position:fixed">aa
 +
bb
 +
<ul>
 +
<li><a class="on" href="#">OK1</a></li>|
 +
<li><a class="on" href="#">OK2</a></li>
 +
</ul>
 +
</div>
 +
</body>
 +
 +
</html>
<ul id="qm0" class="qmmc">
<ul id="qm0" class="qmmc">

Revision as of 11:27, 10 September 2011

body{ background-color:white; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:black; } ul,li{ margin:0px; padding:0px; } li{ display:inline; list-style:none; list-style-position:outside; text-align:center; font-weight:bold; float:left; } a:link{ color:#336601; text-decoration:none; float:left; width:100px; padding:3px 5px 0px 5px; } a:visited{ color:#336601; text-decoration:none; float:left; padding:3px 5px 0px 5px; width:100px; } a:hover{ color:white; float:left; padding:3px 3px 0px 20px; width:88px; text-decoration:none; background-color:#539D26; } a:active{ color:white; float:left; padding:3px 3px 0px 20px; width:88px; text-decoration:none; background-color:#539D26; } #nav{ width:600px; height:30px; border-bottom:0px; padding:0px 5px; position:absolute; z-index:1; left: 198px; top: 25px; } .list{ line-height:20px; text-align:left; padding:4px; font-weight:normal; } .menu1{ width:120px; height:auto; margin:6px 4px 0px 0px; border:1px solid #9CDD75; background-color:#F1FBEC; color:#336601; padding:6px 0px 0px 0px; cursor:hand; overflow-y:hidden; filter:Alpha(opacity=90); -moz-opacity:1.7; } .menu2{ width:120px; height:18px; margin:6px 4px 0px 0px; background-color:#F5F5F5; color:#999999; border:1px solid #EEE8DD; padding:6px 0px 0px 0px; overflow-y:hidden; cursor:hand; } #nav2 li a.on { background: url(images/layout/tab_on.gif) top no-repeat; color:#aaa; } #nav2 li a.off { background: url(images/layout/tab_off.gif) top left no-repeat; color:#eee; } Css下拉菜单

NIHAO NIHAOMA???????
sdfsdf
aa bb
aa bb

Retrieved from "http://2011.igem.org/Team:Peking_S/0001"