图片部分区域触发如何实现
有一个图片：点击叉触发事件，点击别处不触发，用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()" />
</map>
[解决办法]
给你的X加个id，然后触发事件就可以了