html按钮执行jquery和javascript？
html按钮执行jquery和javascript？
提问于 2017-09-16 12:11:10
你好，我想做一个同时做两件事的按钮
function clickimageone(l){
alert("test");
question1button1 = true;
}}
.border1{
border: 1px solid red;
}
.border2{
border: 1px solid red;
}
.border3{
border: 1px solid red;
}
.border4{
border: 1px solid red;
}
.image{
float: left;
}<div class="image"><img src="img/500.png" onclick="clickimageone()" class="border1" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 50px"></div>
<div class="image"><img src="img/1000.png" onclick="clickimagetwo(this)" class="border2" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 100px"></div>
<div class="image"><img src="img/1500.png" onclick="clickimagethree(this)" class="border3" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 150px"></div>
<div class="image"><img src="img/2000.png" onclick="clickimagefour(this)" class="border4" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 200px"></div>
<script>
$('.border1').click(function(e){
$('.image, .border1, .border2, .border3, .border4').fadeOut('slow', function(){
$('.image, .border2').fadeIn('slow');
});
});
</script>
所以基本上，当人们按下图像时，它会执行jquery来淡入和淡出一些东西，同时执行一个java函数来提醒用户。所以我的问题是，当用户点击图片时，它会淡出图片和淡入新图片，同时也会提醒用户，我能做到吗？
Stack Overflow用户
发布于 2017-09-16 12:18:58
Please try this...it works for me...I had included the jquery
<style>
}
.border1{
border: 1px solid red;
}
.border2{
border: 1px solid red;
}
.border3{
border: 1px solid red;
}
.border4{
border: 1px solid red;
}
.image{
float: left;
}
</style>
<div class="image"><img src="img/500.png" onclick="clickimageone()" class="border1" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 50px"></div>
<div class="image"><img src="img/1000.png" onclick="clickimagetwo(this)" class="border2" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 100px"></div>
<div class="image"><img src="img/1500.png" onclick="clickimagethree(this)" class="border3" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 150px"></div>
<div class="image"><img src="img/2000.png" onclick="clickimagefour(this)" class="border4" style="height: 500px; max-height: 150px; max-width: 300px; top: 50px; left: 200px"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('.border1').click(function(e){
$('.image, .border1, .border2, .border3, .border4').fadeOut('slow', function(){
$('.image, .border2').fadeIn('slow');
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46249961
复制相关文章
相似问题
腾讯云开发者
