Line 1: | Line 1: | ||
− | |||
− | < | + | <style type="text/css"> |
− | + | body { | |
− | + | background: url(https://static.igem.org/mediawiki/2017/5/57/Team_jilin_sec_bg_m.jpg) 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(https://static.igem.org/mediawiki/2017/8/88/Team_jilin_logo1.png) 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(https://static.igem.org/mediawiki/2017/3/34/Team_jilin_logo2.png) 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(https://static.igem.org/mediawiki/2017/f/f3/Team_jilin_child1.png) 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(https://static.igem.org/mediawiki/2017/6/6c/Team_jilin_child0.png) no-repeat 90% 53%; | |
− | + | } | |
− | + | .nav li.first { | |
− | + | background: transparent; | |
− | + | } | |
− | + | .nav li.mj_hover_menu { | |
− | + | background: url(https://static.igem.org/mediawiki/2017/f/f3/Team_jilin_child1.png) no-repeat 50% 65%; | |
− | + | } | |
− | + | .nav li a { | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | .nav li a span { | |
− | + | float: left; | |
− | + | display: block; | |
− | float:left; | + | 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(https://static.igem.org/mediawiki/2017/7/75/Team_jilin_child_border.png) 5 5 round; | |
− | + | border-image:url(https://static.igem.org/mediawiki/2017/7/75/Team_jilin_child_border.png) 5 5 round; | |
− | + | -moz-border-image:url(https://static.igem.org/mediawiki/2017/7/75/Team_jilin_child_border.png) 5 5 round; | |
− | + | -o-border-image:url(https://static.igem.org/mediawiki/2017/7/75/Team_jilin_child_border.png) 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(https://static.igem.org/mediawiki/2017/8/8d/Team_jilin_hover2.png); | |
− | + | 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(https://static.igem.org/mediawiki/2017/d/d7/Team_jilin_h1_title_bg.png) 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(https://static.igem.org/mediawiki/2017/5/55/Team_jilin_page2-cur.png) no-repeat 50% 50%; | |
− | + | -webkit-transition:top .3s ease 0s; | |
− | + | transition:top .3s ease 0s; | |
− | + | } | |
− | + | .directory-nav .cur-tag.cur2{ | |
− | + | background: url(https://static.igem.org/mediawiki/2017/8/86/Team_jilin_page2-2.png) no-repeat 60% 40%; | |
− | + | } | |
− | + | .directory-nav .c-top{ | |
− | + | background: url(https://static.igem.org/mediawiki/2017/7/7e/Team_jilin_page2_l.png) 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- 代码部分begin --> | ||
+ | <div class="navbox"> | ||
+ | <div class="logo"> </div> | ||
+ | <div class="nav"> | ||
+ | <ul> | ||
+ | <li class="drop-menu-effect first"> | ||
+ | <a href="https://2017.igem.org/Team:Jilin_China"><span>Home</span></a> | ||
+ | </li> | ||
− | + | <li class="drop-menu-effect"> | |
− | + | <a><span>Project</span></a> | |
− | + | <div class="submenu" style="left: 0px;"> | |
− | + | <div class="mj_menu_pro_bg"> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Description">Description</a></div> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Design">Design</a></div> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Model">Model</a></div> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Improve">Improve</a></div> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Lab_Safety">Lab Safety</a></div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | </ | + | </li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:Jilin_China/ | + | <li class="drop-menu-effect"> |
− | + | <a><span>Results</span></a> | |
− | + | <div class="submenu" style="left: 4px;"> | |
+ | <div class="mj_menu_pro_bg"> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/geneguard">geneguard</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Application">Application</a></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | <a href="https://2017.igem.org/Team:Jilin_China/ | + | <li class="drop-menu-effect"> |
− | + | <a><span>Experiments</span></a> | |
− | + | <div class="submenu" style="left: 23px;"> | |
+ | <div class="mj_menu_pro_bg"> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Protocol">Protocol</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/InterLab">Interlab</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Notebook">Notebook</a></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:Jilin_China/ | + | <li class="drop-menu-effect"> |
− | + | <a><span>Parts</span></a> | |
− | + | <div class="submenu" style="left: -25px;"> | |
+ | <div class="mj_menu_pro_bg"> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Parts">Parts</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Basic_Part">Basic Parts</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Composite_Part">Composite Parts</a></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | <a href="https://2017.igem.org/Team:Jilin_China/ | + | <li class="drop-menu-effect"> |
− | + | <a><span>Practices</span></a> | |
− | + | <div class="submenu" style="left: 0px;"> | |
+ | <div class="mj_menu_pro_bg"> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Human_Practices">Human Practices</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:Jilin_China/Collaborations">Collaborations</a></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | </ | + | </li> |
− | + | <li class="drop-menu-effect"> | |
− | + | <a><span>Team</span></a> | |
− | + | <div class="submenu" style="left: 0px;"> | |
− | + | <div class="mj_menu_pro_bg"> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Team">Team</a></div> | |
− | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Attributions">Attributions</a></div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | </ | + | </li> |
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 07:19, 22 October 2017
<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>