Team:HIT-Harbin/header

From 2011.igem.org

(Difference between revisions)
Line 66: Line 66:
/* 设置导航 */
/* 设置导航 */
 +
.webwidget_menu_glide{
 +
    padding: 5px;
 +
    -moz-border-radius-topright: 10px;
 +
    -moz-border-radius-topleft: 10px;
 +
    -webkit-border-top-left-radius: 10px;
 +
    -webkit-border-top-right-radius: 10px;
 +
    -khtml-border-radius-topright: 10px;
 +
    -khtml-border-radius-topleft: 10px;
 +
    border-radius-topright: 10px;
 +
    border-radius-topleft: 10px;
 +
    -moz-border-radius-bottomright: 10px;
 +
    -moz-border-radius-bottomleft: 10px;
 +
    -webkit-border-bottom-left-radius: 10px;
 +
    -webkit-border-bottom-right-radius: 10px;
 +
    -khtml-border-radius-bottomright: 10px;
 +
    -khtml-border-radius-bottomleft: 10px;
 +
    border-radius-bottomright: 10px;
 +
    border-radius-bottomleft: 10px;
-
#nav {
 
-
        position: absolute;
 
-
        top:200px;
 
-
        left:0;
 
-
width:1000px; /* 设置导航容器的宽度为800px */
 
-
        height:50px;
 
-
        background:#015eac;
 
 +
    border-radius:10px;
 +
}
 +
.webwidget_menu_glide .webwidget_menu_glide_sprite{
 +
    width: 100px;
 +
    height: 20px;
 +
    background-color: fuchsia;
 +
    position: absolute;
 +
    -moz-border-radius-topright: 10px;
 +
    -moz-border-radius-topleft: 10px;
 +
    -webkit-border-top-left-radius: 10px;
 +
    -webkit-border-top-right-radius: 10px;
 +
    -khtml-border-radius-topright: 10px;
 +
    -khtml-border-radius-topleft: 10px;
 +
    border-radius-topright: 10px;
 +
    border-radius-topleft: 10px;
 +
    -moz-border-radius-bottomright: 10px;
 +
    -moz-border-radius-bottomleft: 10px;
 +
    -webkit-border-bottom-left-radius: 10px;
 +
    -webkit-border-bottom-right-radius: 10px;
 +
    -khtml-border-radius-bottomright: 10px;
 +
    -khtml-border-radius-bottomleft: 10px;
 +
    border-radius-bottomright: 10px;
 +
    border-radius-bottomleft: 10px;
-
        }
 
-
#nav ul{
+
    border-radius:10px;
-
          list-style:none;
+
}
-
          }
+
.webwidget_menu_glide ul{
-
 
+
    padding: 0px;
-
#nav li {
+
    margin: 0px;
-
        display: inline;
+
    font-family:Arial;
 +
}
 +
.webwidget_menu_glide ul li{
 +
    float: left;
 +
    list-style: none;
 +
    position: relative;
 +
    text-align: center;
 +
    margin-right: 10px;
 +
    width: 100px;
 +
}
 +
.webwidget_menu_glide ul li a{
 +
    color: black;
 +
    text-decoration: none;
 +
    font-weight: bold;
 +
}
 +
.webwidget_menu_glide ul li ul{
 +
    -moz-border-radius-bottomright: 7px;
 +
    -moz-border-radius-bottomleft: 7px;
 +
    -webkit-border-bottom-left-radius: 7px;
 +
    -webkit-border-bottom-right-radius: 7px;
 +
    -khtml-border-radius-bottomright: 7px;
 +
    -khtml-border-radius-bottomleft: 7px;
 +
    border-radius-bottomright: 7px;
 +
    border-radius-bottomleft: 7px;
 +
    border-radius:7px;
 +
    padding-bottom: 5px;
 +
    position: absolute;
 +
    z-index: 999999;
 +
    display: none;
 +
}
 +
.webwidget_menu_glide ul li ul li{
 +
    -moz-border-radius-topright: 0px;
 +
    -moz-border-radius-topleft: 0px;
 +
    -webkit-border-top-left-radius: 0px;
 +
    -webkit-border-top-right-radius: 0px;
 +
    -khtml-border-radius-topright: 0px;
 +
    -khtml-border-radius-topleft: 0px;
 +
    border-radius-topright: 0px;
 +
    border-radius-topleft: 0px;
 +
    border-radius:0px;
 +
    margin: 0px;
 +
    float: none;
 +
    border:none;
 +
    word-wrap:break-word;
}
}
-
#nav li a {
+
.webwidget_menu_glide ul li ul li a{
-
        float:left;
+
    padding-left: 5px;
-
display:block;  
+
    padding-right: 5px;
-
width:100px;
+
    font-weight: normal;
-
height:50px;
+
-
        padding:0 0 0 4px;
+
-
        text-decoration:none;
+
-
text-align:center;
+
-
color:#ffffff;  
+
}
}
-
#nav li a:hover {
 
-
        height:47px;
 
-
color:#7ecbdf;
 
-
        background:#fff;
 
-
 
-
}
 
/* 设置导航结束 */
/* 设置导航结束 */
Line 269: Line 334:
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/jquery.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/jquery.js?action=raw&ctype=text/javascript"></script>
<style type="text/css">a#vlb{display:none}</style>
<style type="text/css">a#vlb{display:none}</style>
 +
 +
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/HIT-Harbin_jquery_nav.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:HIT-Harbin/HIT-Harbin_navigation.js?action=raw&ctype=text/javascript"></script>
 +

Revision as of 14:16, 12 September 2011