Difference between revisions of "Template:UESTC-China/footer"

 
(8 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<body>
 
<body>
 
<footer  style="background-color: #000000">
 
<footer  style="background-color: #000000">
−
   <div class="row">
+
   <div class="row" style="margin:0">
−
     <div class="col-md-12" style="font-size: 20px; text-align: center;color: #ffffff;line-height:1.5em">Copyright © 2019 iGEM UESTC-China </div>
+
     <div style="font-size: 18px;font-size:1.2vw; text-align: center;color: #ffffff;line-height:1.5em">Copyright © 2019 iGEM UESTC-China </div>
 
   </div>
 
   </div>
−
   <div class="row">
+
   <div class="row" style="margin:0">
 
<img alt="logo" src="https://static.igem.org/mediawiki/2019/5/5d/T--UESTC-China--footer.png" style="width:100%" usemap="#Map" id="imgfoot">  
 
<img alt="logo" src="https://static.igem.org/mediawiki/2019/5/5d/T--UESTC-China--footer.png" style="width:100%" usemap="#Map" id="imgfoot">  
 
  </div>
 
  </div>
 
<map name="Map">
 
<map name="Map">
−
   <area shape="rect" coords="85,30,118,67" href="https://www.facebook.com/uestcchinaigem">
+
   <area shape="rect" coords="203,24,235,51" href="https://www.facebook.com/uestcchinaigem">
−
   <area shape="rect" coords="146,31,182,66" href="https://twitter.com/UESTC_CHINA">
+
   <area shape="rect" coords="251,22,286,51" href="https://twitter.com/UESTC_CHINA">
−
   <area shape="rect" coords="218,31,254,64" href="https://www.weibo.com/u/5983731394">
+
   <area shape="rect" coords="305,25,346,49" href="https://www.weibo.com/u/5983731394">
−
   <area shape="rect" coords="298,8,528,68" href="https://www.uestc.edu.cn/">
+
   <area shape="rect" coords="376,5,562,53" href="https://www.uestc.edu.cn/">
−
   <area shape="rect" coords="544,7,878,68" href="http://www.jwc.uestc.edu.cn/Index.action">
+
   <area shape="rect" coords="578,4,842,49" href="http://www.jwc.uestc.edu.cn/Index.action">
−
   <area shape="rect" coords="893,10,1210,64" href="http://www.life.uestc.edu.cn/">
+
   <area shape="rect" coords="858,6,1114,50" href="http://www.life.uestc.edu.cn/">
 
</map>
 
</map>
 
</footer>
 
</footer>
  
−
<script>
+
<script>//自适应width:100% map标签算法，实际上用正则会简单很多
 
function getxy(target,mult){      
 
function getxy(target,mult){      
 
    var str="";
 
    var str="";
Line 47: Line 47:
 
var $area=$("area");
 
var $area=$("area");
 
var $img=$("#imgfoot");
 
var $img=$("#imgfoot");
−
var _t=$img.width()/1432;//1432为图片原始宽度值
+
var _t=$img.width()/1441;//1441为图片原始宽度值
 
  for(var i=0;i<$area.length;i++){
 
  for(var i=0;i<$area.length;i++){
 
  $area[i].coords=getxy($area[i].coords,_t);
 
  $area[i].coords=getxy($area[i].coords,_t);

Latest revision as of 04:49, 2 December 2019

Copyright © 2019 iGEM UESTC-China
logo