html多背景图片通过点击改变,点击背景图片_html/css_WEB-ITnose

用一个小图片做一个背景，我想监听小图片的点击事件，应该怎么监听。

.libiao_menu{ background:url("images/1.gif") no-repeat 0 -41px;}

我就想监听这个1.gif图片点击事件。

回复讨论(解决方案)

可以通过坐标判断模拟

没有直接的判断吗？ 通过坐标模拟判断说具体点，谢谢。

在图片上放一个透明的标签，大小调成跟图片一样，然后监听这个标签的click事件。

背景图片监听是什么意思？

监听 .libiao_menu 不行吗？

是不是 .libiao_menu 里面还有别的东西，点那个不处罚这个监听？

如果是这样的话，监听.libiao_menu ，然后在里面的内容里监听别的，然后停止冒泡

假设你的图片是：

如果你是用的Jquery的话：

$(document).ready( function(){ $('#test').click( function(){ alert('this is a picture'); });});

如果你是普通的JS代码的话:

window.οnlοad=function(){ img1=document.getElementById('test'); img1.click=function(){ alert('This is a picture'); }}

当你点击图片的话，就会出现个对话框，提示This is a picture

$(.libiao_menu).click(function(){

alert('clicked');

});

5楼的答案啊

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网