Javascript 区域可单击链接对齐关闭_Javascript_Html_Css

Javascript 区域可单击链接对齐关闭

javascript html css

Javascript 区域可单击链接对齐关闭,javascript,html,css,Javascript,Html,Css,我有这段代码，在尝试调整浏览器大小时，使区域HTML保持不变，但它似乎不起作用。您可以复制代码并将其放入您的环境中进行测试。为了让那些不理解我的人更容易理解我的意思，这里的代码应该使保持不变，即使调整了浏览器的大小。我的问题是我的代码出了什么问题 <html> <style> body { margin:0px; padding:0px; background: url(http://i.imgur.com/oE8mcNi.png) top center no-rep

我有这段代码，在尝试调整浏览器大小时，使区域HTML保持不变，但它似乎不起作用。您可以复制代码并将其放入您的环境中进行测试。为了让那些不理解我的人更容易理解我的意思，这里的代码应该使

保持不变，即使调整了浏览器的大小。我的问题是我的代码出了什么问题

<html>
<style>
body {
margin:0px; 
padding:0px; 
background: url(http://i.imgur.com/oE8mcNi.png) top center no-repeat fixed;
background-color:black;
}
html{
    width:1400px !important;
height:500px !important;
}
</style>


<body>
<div style="width:1400px; margin:0 auto">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif" id="imageMaps" width="1400" height="500" usemap="#Map" border="0" />
<map name="Map" id="Map"> 

<area shape="rect" coords="830,311,940,473" onClick="setlanguage('english')" href="#" class="colorbor"/>
    <area shape="rect" coords="1250,311,1380,473" onClick="setlanguage('malay')" href="#" />
    <area shape="rect" coords="1380,311,1400,473 " onclick="setlanguage('simplified')" href="#">

</map>
</div>

</body>
</html>

<script>
var orig_width = 0;

function sizing() { 
    if (orig_width == 0) return;

    var pic = $('#imageMaps');
    var curr_width =  pic.width();      
    var ratio = curr_width / orig_width;

    $("area").each(function() {

        var pairs = $(this).attr("coords").split(', ');

        for(var i=0; i<pairs.length; i++) {

            var nums = pairs[i].split(','); 

            for(var j=0; j<nums.length; j++) { 
                nums[j] = nums[j] * ratio; 
            }

            pairs[i] = nums.join(',');
        }
        $(this).attr("coords", pairs.join(","));
    }); 
    orig_width = curr_width;
}

$("#imageMaps").on("load", function() {
    orig_width = $("#imageMaps").attr("width");    
    $(window).resize(sizing);
}).each(function() {
    if (this.complete) $(this).load();
});

jQuery(document).ready(sizing);
jQuery(window).resize(sizing);

</script>


身体{
边际：0px；
填充：0px；
背景：url(http://i.imgur.com/oE8mcNi.png)顶部中心无重复固定；
背景色：黑色；
}
html{
宽度：1400px！重要；
高度：500px！重要；
}
变量原点宽度=0；
函数大小调整（）{
if（orig_width==0）返回；
var pic=$（“#图像映射”）；
var curr_width=pic.width（）；
var比率=当前宽度/原始宽度；
$（“面积”）。每个（函数（）{
var pairs=$（this.attr（“coords”）.split（'，'）；
对于（var i=0；iTry this:@RayonDabre不能那样做，更喜欢不刷新。请尝试以下操作：@RayonDabre不能那样做，更喜欢不刷新。