Template:Jilin China
<style type="text/css">
body {
background: url(
) no-repeat 50% 150px !important;background-attachment:fixed !important;
height: 2000px;
font-family: verdana,tahoma,sans-serif,helvetica;
min-width: 1280px;
}
#globalWrapper{padding: 0px;}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{margin: 0;}
#content{
width: 100%;
padding: 0;
margin: 0;
background: transparent;
}
.navbox {
width: 100%;
height: 120px;
position: fixed;
z-index: 9;
margin: auto;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
white-space: nowrap;
}
/*鼠标下滑之后附加的css*/
.navbox-defaulte{
background: rgba(20,36,63,1);
}
.navbox .logo{
width: 147px;
height: 166px;
background: url(
) no-repeat 50% 50%;
position: absolute;
top: 25px;
left: 7%;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
}
.navbox-defaulte .logo{
width: 140px;
height: 120px;
background: url(
) no-repeat 50% 50%;
top: 0px;
}
.nav {
width: 990px;
margin: 0;
height: 120px;
list-style: none;
float: right;
}
.nav li {
float: left;
height: 120px;
position: relative;
list-style: none;
background: url(
) no-repeat 90% 53%;
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
}
.navbox-defaulte .nav li {
background: url(
) no-repeat 90% 53%;
}
.nav li.first {
background: transparent;
}
.nav li.mj_hover_menu {
background: url() no-repeat 50% 65%;
}
.nav li a {
text-decoration: none;
}
.nav li a span {
float: left;
display: block;
line-height: 120px;
font-size: 20px;
color: #373737;
cursor: pointer;
text-align: center;
padding: 0 30px;
}
.navbox-defaulte .nav li a span{
color: #e9e9e9;
}
.nav li.mj_hover_menu a span{
color: #229d73;
}
.nav li.selected .submenu {
display: block;
}
.nav li .submenu {
display: none;
position: absolute;
top: 80px;
padding: 10px;
box-sizing: border-box;
}
.nav li .submenu .mj_menu_pro_bg{
min-width: 100px;
text-align: center;
border:5px solid transparent;
-webkit-border-image:url(
) 5 5 round;
border-image:url() 5 5 round;
-moz-border-image:url() 5 5 round;
-o-border-image:url() 5 5 round;
}
.mj_menu_pro_bg div{
background-color: rgba(34,157,115,0.1);
transition:all 0.6s;
-moz-transition:all 0.6s;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
}
.nav li .submenu a {
color: #229d73;
height: 30px;
line-height: 30px;
margin:0 2px;
white-space: nowrap;
font-size: 16px;
}
.nav li .submenu .mj_menu_pro_bg div:hover{
background-color: #229d73;
background-image: url(
);
background-repeat: no-repeat;
background-position: 50% 95%;
}
.nav li .submenu .mj_menu_pro_bg div:hover a{
color: #ffde01;
}
/**home**/ .igem_2017_content_wrapper{}
/**二级页1**/ li{ list-style: none; margin: 0; vertical-align: top;}
ul{ margin: 0; padding: 0;}
.banner img{width: 100%;}
.sec_box{width: 55%; min-width: 600px; padding:140px 0 0; margin: 0 0 0 30%; box-sizing: border-box; background: #FFFFFF;}
.h1_title{color: #229d73; font-weight: bold; line-height: 50px; height: 50px;background: url(
) no-repeat 10px 50%; padding-left: 60px;}
.h1_content{margin: 0 4.5%;}
.h1_content p{line-height: 30px; text-indent: 26px;}
.h1_content .pic_box{text-align: center; border: 1px solid darkgrey; border-radius: 20px; line-height: 30px; padding: 5px; margin-bottom:10px;}
.h1_content img{margin: auto; max-width: 100%;}
.directory-nav{position: fixed; left:9%; top:190px; padding: 12px 0 20px 32px; display: none;z-index: 999;}
.directory-nav ul{margin-top: 105px;}
.directory-nav li{font-family: "microsoft yahei"; font-size: 16px; }
.directory-nav li a{}
.directory-nav .l1{height: 80px; position: relative; max-width: 250px; box-sizing: border-box; padding-top: 32px;}
.directory-nav .l2{max-width: 250px; height: 40px;box-sizing: border-box; padding:8px 0 0 20px;}
.directory-nav .l1 a{font-size: 16px;}
.directory-nav .l2 a{}
.directory-nav a{cursor: pointer;}
.directory-nav,.directory-nav a{ color: #2fa37b;}
.directory-nav .cur,.directory-nav .cur a{ color: #ffe010;}
.directory-nav .line{}
.directory-nav .c-dot{
position: absolute; left:-80px; top: 0px; z-index: 2; margin-top: -5px;
display: block; width: 107px; height: 66px; font-size: 0; line-height: 0;
background: url(img/team_jilin_page2.png) no-repeat 50% 50%;
}
.directory-nav .cur .c-dot{background: none;}
.directory-nav .cur-tag{
position: absolute; left: -48px; top:-1000px; z-index: 5; margin-top: -6px;
display: block; width: 107px; height: 66px; font-size: 0; line-height: 0;
background: url(
) no-repeat 50% 50%;
-webkit-transition:top .3s ease 0s;
transition:top .3s ease 0s;
}
.directory-nav .cur-tag.cur2{
background: url(
) no-repeat 60% 40%;
}
.directory-nav .c-top{
background: url(
) no-repeat 50% 50%;
width: 356px; height: 107px;
position: absolute;left: -135px; top: 0px;
}
</style>
<script> $(function() { lanrenzhijia(".drop-menu-effect"); $(window).scroll(function () { var scrollTop =$(this).scrollTop();//滚动高度 if(scrollTop > 100){ $(".navbox").addClass("navbox-defaulte"); } if(scrollTop < 100){ $(".navbox").removeClass("navbox-defaulte") } });
});
function lanrenzhijia(_this) { $(_this).each(function() { var $this = $(this); var theMenu = $this.find(".submenu"); var tarHeight = theMenu.height(); theMenu.css({ height: 0 }); $this.hover( function() { $(this).addClass("mj_hover_menu"); theMenu.stop().show().animate({ height: tarHeight }, 400); }, function() { $(this).removeClass("mj_hover_menu"); theMenu.stop().animate({ height: 0 }, 400, function() { $(this).css({ display: "none" }); }); } ); }); } </script>
