点击背景图片_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:24:06
原创
1145人浏览过

用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。
.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'/ alt="点击背景图片_html/css_WEB-ITnose" >
登录后复制

如果你是用的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');
});

5楼的答案啊

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号