我目前正在使用HTML,CSS和JS编写网站。我使用此处的代码使两个图像彼此重叠淡出,以在单击按钮时显示另一个图像(创建不断变化的 img 的效果)。
但是,我不希望页面上有一个丑陋的<input type="button">
来激活淡入淡出,相反,我希望能够单击要调用的切换函数的图像。我将如何更改激活函数的元素?
JS代码:
$(function(){
$("input:button").click(function(){
$(".logo").fadeToggle("fast");
});
});
.HTML:
<input type="button" value="Go Kitty Go"/>
.CSS:
#logo1 {
position:absolute;
top:9px;
left: 46%;
height: 29px;
width: 89px;
}
#logo2 {
display:none;
position:absolute;
top: 8.5px;
left: 48.2%;
height: 28px;
width: 60px;
}
input {
position:absolute;
top: 220px;
}
我想用img
交换button
以激活fadeToggle()
功能。
你没有发布完整的html,所以我不知道你的img
标签是什么样子的。但是假设你给了他们一个id(id="someId"
),这样做:
$("#someId").click(function(){
$(".logo").fadeToggle("fast");
}); `});`
这里唯一的变化是,你的代码现在不是侦听对按钮的点击,而是监听对 img 的点击。