我目前正在使用HTML,CSS和JS編寫一個網站。我使用了在這裏找到的代碼,使兩個圖像在另一個之上淡出,通過單擊按鈕(創建改變img的效果)顯示其他圖像。如何使用img而不是按鈕激活jQuery功能?
但是,我不希望有一個醜陋的<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;
}
我想交換button
與img
激活fadeToggle()
功能。
如果你想讓jquery在img上運行,那麼使用image id代替input:button。 –
單擊事件也適用於img元素,而不僅僅是按鈕。 –