图片部分区域触发怎么实现-JavaSript-爱易网页

图片部分区域触发怎么实现

日期：2014-05-16　浏览次数：20594 次

图片部分区域触发如何实现
有一个图片：点击叉触发事件，点击别处不触发，用js该如何实现呢？

------解决方案--------------------
可以定位一个固定高宽的层在那里撒！
------解决方案--------------------
可以在那放一个隐藏的层
层里头放个按钮
或者鼠标定位判断来触发事件
------解决方案--------------------



<script language="javascript"> 

//匿名函数

function $(id){

	return document.getElementById(id);

}

//页面加载

var img = new Array(46);

var adverTop;

var adverLeft;

var adverObj;

function jiazai(){

    adverObj=$("adver");

    if(adverObj.currentStyle){

    adverTop = parseInt(adverObj.currentStyle.top);

    adverLeft = parseInt(adverObj.currentStyle.left);

	}

	else{

		adverTop = parseInt(document.defaultView.getComputedStyle(adverObj,null).top);

		adverLeft = parseInt(document.defaultView.getComputedStyle(adverObj,null).left);

	}

}

//随鼠标滚动的广告图片

function moves(){

	adverObj.style.top=adverTop+parseInt(document.documentElement.scrollTop)+"px";

	adverObj.style.left=adverLeft+parseInt(document.documentElement.scrollLeft)+"px";

}  

window.onload = jiazai;

window.onscroll=moves;

 

//关闭广告

function clo(){

	$("adver").style.display = "none";

}

</script>

</head>

<body>

<div id="adver"><img src="images/10.bmp" /><img src="images/button.jpg" id="closes" onclick="clo()" /></div>

</body>

</html>

提供的代码是用两张图片实现的，小图片放在大图片右上角

------解决方案--------------------
使用MAP。



    	<img src="图片.gif" border="0" usemap="#Map" />

        <map name="Map" id="Map">

          <area shape="rect" coords="753,162,797,179" id="area1" onclick="func1()" />

          <area shape="rect" coords="746,216,773,231" id="area2" onclick="func2()" />

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

图片部分区域触发怎么实现

相关资料更多>

推荐阅读更多>