首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

点击背景图片解决办法

2013-09-26 
点击背景图片用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。.libiao_menu{ background:u

点击背景图片
用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。
.libiao_menu{ background:url("images/1.gif") no-repeat 0 -41px;} 
我就想监听这个1.gif图片点击事件。
[解决办法]
可以通过坐标判断模拟
[解决办法]
在图片上放一个透明的标签,大小调成跟图片一样,然后监听这个标签的click事件。
[解决办法]
背景图片监听是什么意思?
监听 .libiao_menu 不行吗?
是不是 .libiao_menu 里面还有别的东西,点那个不处罚这个监听?
如果是这样的话,监听.libiao_menu ,然后在里面的内容里监听别的,然后停止冒泡
[解决办法]
假设你的图片是:

<img src='/test.jpg' id='test'/>

如果你是用的Jquery的话:

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

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

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

当你点击图片的话,就会出现个对话框,提示This is a picture
[解决办法]
$(.libiao_menu).click(function(){
   alert('clicked');
});

热点排行