Difference between revisions of "Template:UESTC-China/footer"
| (16 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 | + | <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=" | + | <area shape="rect" coords="203,24,235,51" href="https://www.facebook.com/uestcchinaigem"> |
| − | <area shape="rect" coords=" | + | <area shape="rect" coords="251,22,286,51" href="https://twitter.com/UESTC_CHINA"> |
| − | <area shape="rect" coords=" | + | <area shape="rect" coords="305,25,346,49" href="https://www.weibo.com/u/5983731394"> |
| − | <area shape="rect" coords=" | + | <area shape="rect" coords="376,5,562,53" href="https://www.uestc.edu.cn/"> |
| − | <area shape="rect" coords=" | + | <area shape="rect" coords="578,4,842,49" href="http://www.jwc.uestc.edu.cn/Index.action"> |
| − | <area shape="rect" coords=" | + | <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()/ | + | 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); | ||
| Line 63: | Line 63: | ||
} | } | ||
}) | }) | ||
| − | + | </script> | |
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 04:49, 2 December 2019