Difference between revisions of "Template:CSU CHINA"

Line 35: Line 35:
 
         }
 
         }
 
         .dropdown-menu{
 
         .dropdown-menu{
−
             margin-top: -2px;
+
             margin-top: -1px;
 
         }
 
         }
 
         #top_title{ display:none; }
 
         #top_title{ display:none; }
Line 54: Line 54:
 
         // 若文档高度小于窗口高度，赞助框位于页面最底部
 
         // 若文档高度小于窗口高度，赞助框位于页面最底部
 
         $(document).ready(function(){
 
         $(document).ready(function(){
 +
            if(screen.height>=$(document).height()){
 +
                $("footer").css("position","fixed");
 +
            }
 +
            $(".dropdown").hover(function() {
 +
                stop(true,true);
 +
                $('.dropdown-menu', this).slideToggle("fast");
 +
            });
 
             // 滚动渐隐
 
             // 滚动渐隐
 
             $(window).scroll(function(){
 
             $(window).scroll(function(){
Line 60: Line 67:
 
                 else  
 
                 else  
 
                     $("#navigator").removeClass("trans").addClass("bg-dark");
 
                     $("#navigator").removeClass("trans").addClass("bg-dark");
 +
            });
 +
            // 图标变色
 +
            $("#facebook").mouseenter(function(){
 +
                $(this).attr("src","../iGEM/img/facebook.png");
 +
            });
 +
            $("#facebook").mouseleave(function(){
 +
                $(this).attr("src","../iGEM/img/greyfacebook.png");
 +
            });
 +
            $("#twitter").mouseenter(function(){
 +
                $(this).attr("src","../iGEM/img/twitter.png");
 +
            });
 +
            $("#twitter").mouseleave(function(){
 +
                $(this).attr("src","../iGEM/img/greytwitter.png");
 +
            });
 +
            $("#weibo").mouseenter(function(){
 +
                $(this).attr("src","../iGEM/img/weibo.png");
 +
            });
 +
            $("#weibo").mouseleave(function(){
 +
                $(this).attr("src","../iGEM/img/greyweibo.png");
 +
            });
 +
            $("#wechat").mouseenter(function(){
 +
                $(this).attr("src","../iGEM/img/wechat.png");
 +
            });
 +
            $("#wechat").mouseleave(function(){
 +
                $(this).attr("src","../iGEM/img/greywechat.png");
 
             });
 
             });
 
         });
 
         });
Line 105: Line 137:
 
                     <a class="nav-link" href="/Team:CSU_CHINA/Safety">SAFETY</a>
 
                     <a class="nav-link" href="/Team:CSU_CHINA/Safety">SAFETY</a>
 
                 </li>
 
                 </li>
−
                  
+
                 <li class="nav-item">
 +
                        <a class="nav-link" href="#">LAB</a>
 +
                </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
 
                     <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
Line 120: Line 154:
 
         </div>
 
         </div>
 
     </nav>
 
     </nav>
 +
 +
 +
    <footer>
 +
        <div class="d-flex justify-content-center align-items-center float-left" style="height: 250px; width: 40%">
 +
            <div>   
 +
                <div class="row">     
 +
                    <a href="https://www.facebook.com/chinacsu/" target="_black"><img src="../iGEM/img/greyfacebook.png" class="socialmedia" id="facebook"></a>
 +
                    <a href="https://twitter.com/CsuIgem?lang=en" target="_black"><img src="../iGEM/img/greytwitter.png" class="socialmedia" id="twitter"></a>
 +
                </div>
 +
                <div class="row">
 +
                    <a href="https://weibo.com/u/6611358555" target="_black"><img src="../iGEM/img/greyweibo.png" class="socialmedia" id="weibo"></a>
 +
                    <a href="https://mp.weixin.qq.com/s?__biz=Mzg3MDEyNjc2NA==&mid=2247483686&idx=1&sn=32f656e6776e8c24f722bd7eefc63e98&chksm=ce93c4e5f9e44df39a0bf74c5174b14d121dbf5d29046df9e3821abb372cd91b795c72c094c5&mpshare=1&scene=23&srcid=&sharer_sharetime=1571401435492&sharer_shareid=239fbe2d71f52524d0bd016637b912af#rd" target="_black"><img src="../iGEM/img/greywechat.png" class="socialmedia" id="wechat"></a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="float-right d-flex justify-content-center align-items-center" style="height: 250px; width: 60%;">
 +
            <img src="../iGEM/img/csu.png" style="height: 140px; margin-right: 20px">
 +
            <img src="../iGEM/img/lab.png" style="height: 100px; margin-right: 20px" id="lab">
 +
        </div>
 +
        <div class="d-flex justify-content-center" style="height: 50px; width: 100%">
 +
            <p style="color: grey;" class="text-center">CONTACT US:&nbsp;&nbsp;&nbsp;CSU_CHINA_iGEM@163.com&nbsp;&nbsp;&nbsp;or&nbsp;&nbsp;&nbsp;CSUigem2019@gmail.com<br>© 2018 COPYRIGHT: CSU-CHINA</p>
 +
        </div>
 +
    </footer>
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 05:51, 21 October 2019

CONTACT US:   CSU_CHINA_iGEM@163.com   or   CSUigem2019@gmail.com
© 2018 COPYRIGHT: CSU-CHINA