怎样给css样式里引入的图片添加点击事件
.communion_header{height:88px;width:690px;margin:0auto;background:url(../../images/co...
.communion_header {
height: 88px;
width: 690px;
margin: 0 auto;
background: url(../../images/communicate/communtion_logo.png) no-repeat
50px 30px;
padding: 40px 0 0 270px;
}
----------------------------------------------
<div class="communion_header" >
<div class="search">
<input id="keyword" name="keyword" type="text" class=" input_txt" />
<input type="submit" name="button" id="button" value=" " class="btn_search" onclick="searchPost()" />
<input type="button" name="button" id="button" value=" " class="btn_ask" onclick="ask()";/>
</div>
</div>
怎样给communtion_logo.png 这个图片添加点击事件? 展开
height: 88px;
width: 690px;
margin: 0 auto;
background: url(../../images/communicate/communtion_logo.png) no-repeat
50px 30px;
padding: 40px 0 0 270px;
}
----------------------------------------------
<div class="communion_header" >
<div class="search">
<input id="keyword" name="keyword" type="text" class=" input_txt" />
<input type="submit" name="button" id="button" value=" " class="btn_search" onclick="searchPost()" />
<input type="button" name="button" id="button" value=" " class="btn_ask" onclick="ask()";/>
</div>
</div>
怎样给communtion_logo.png 这个图片添加点击事件? 展开
4个回答
展开全部
点击事件只能设置在html元素中，所以background是没有办法设置点击的。但是，它的元素div是有点击事件onclick的。如果div设置onclick无效，建议使用jquery来绑定div的click事件。
此外，由于div中还有其它元素有click事件，所以，这就涉及到了事件冒泡的问题。
那么，说到这，指出你的一个代码问题。网页中，html元素的id必须是唯一的。如果id不唯一，一代涉及id，程序可能会出错。而class才是可以重复的。
可以如下纠正：
<input type="submit" name="button" id="btn_searc" value=" " class="button">
<input type="button" name="button" id="btn_ask" value=" " class="button" >
下面就是解决事件冒泡问题了，还是建议jquery来解决
对于div的内层元素，我们使用jquery来绑定它的单击事件，并且静止响应div的单击事件
$('#btn_searc').blind('click',function(event){
searchPost(); //这里响应id为btn_searc元素的单击事件
event.stopPropagation(); //这局话就是停止事件冒泡了，也就是说，接下来的div的单击事件将不再会被响应。
});
同理，另外一个原色的单击事件可以如下
$('#btn_ask').blind('click',function(event){
ask();
event.stopPropagation();
});
那么，接下来就是去绑定div的单击事件，首先，还是将div的class改成id，并保证其唯一性。同时，css也要改成id的选择器：
#communion_header{
height: 88px;
width: 690px;
margin: 0 auto;
background: url(../../images/communicate/communtion_logo.png) no-repeat 50px 30px;
padding: 40px 0 0 270px;
}
jquery绑定click
$('#communion_header').click(function(){
//这里写div的单击代码。可以使用JavaScript，更可以使用其进阶语言jQuery
});
最后，需要说明的是，代码使用的是JavaScript语言的一种进阶语言jQuery。它的使用要借助于jQuery库的存在。所以你必须去下载个jquery.js，并且在网页中添加关联。
此外，由于div中还有其它元素有click事件，所以，这就涉及到了事件冒泡的问题。
那么，说到这，指出你的一个代码问题。网页中，html元素的id必须是唯一的。如果id不唯一，一代涉及id，程序可能会出错。而class才是可以重复的。
可以如下纠正：
<input type="submit" name="button" id="btn_searc" value=" " class="button">
<input type="button" name="button" id="btn_ask" value=" " class="button" >
下面就是解决事件冒泡问题了，还是建议jquery来解决
对于div的内层元素，我们使用jquery来绑定它的单击事件，并且静止响应div的单击事件
$('#btn_searc').blind('click',function(event){
searchPost(); //这里响应id为btn_searc元素的单击事件
event.stopPropagation(); //这局话就是停止事件冒泡了，也就是说，接下来的div的单击事件将不再会被响应。
});
同理，另外一个原色的单击事件可以如下
$('#btn_ask').blind('click',function(event){
ask();
event.stopPropagation();
});
那么，接下来就是去绑定div的单击事件，首先，还是将div的class改成id，并保证其唯一性。同时，css也要改成id的选择器：
#communion_header{
height: 88px;
width: 690px;
margin: 0 auto;
background: url(../../images/communicate/communtion_logo.png) no-repeat 50px 30px;
padding: 40px 0 0 270px;
}
jquery绑定click
$('#communion_header').click(function(){
//这里写div的单击代码。可以使用JavaScript，更可以使用其进阶语言jQuery
});
最后，需要说明的是，代码使用的是JavaScript语言的一种进阶语言jQuery。它的使用要借助于jQuery库的存在。所以你必须去下载个jquery.js，并且在网页中添加关联。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没看懂你的问题。
我的猜测，
communtion_logo.png,应该是一个CSS 精灵的图片，你调用了一部分？
你的两个input 标签都有onclick 事件啊。你把图片传上来，我看下你到底要在哪里加点击事件、、。
我的猜测，
communtion_logo.png,应该是一个CSS 精灵的图片，你调用了一部分？
你的两个input 标签都有onclick 事件啊。你把图片传上来，我看下你到底要在哪里加点击事件、、。
追问
给 communtion_logo.png 这个图片加点击事件啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<Head>
<style>
#img1{
不可能在css样式里面加 链接的
}
</style>
<head>
<body>
只能这样加
<a href="http://www.baidu.com>"<img src="file:///C|/Users/Administrator/Desktop/005.jpg" /></a>
</body>
</html>
<Head>
<style>
#img1{
不可能在css样式里面加 链接的
}
</style>
<head>
<body>
只能这样加
<a href="http://www.baidu.com>"<img src="file:///C|/Users/Administrator/Desktop/005.jpg" /></a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用a标签包起来就行了啦，，，，这样的布局，还要给背景加链接？？？？这孩子想干嘛
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
