0

左右に動く画像を表示する機能があります。それらの画像の1つを変更するボタンをhtmlページに作成する方法はありますか？

たとえば、「冗談を言う」をクリックすると、happy.pngはlaugh.pngに変わりますか？

//fish moves on mouse hover
$(document).ready(function() {  
    $("#swim").mousemove(function (event) {//defines the swim area 
        var fish = $("#fish1");//defines the fish css styles
        var position = fish.position();
        var mousey = event.pageX;

        if (position.left > mousey) {
            $("#fish1").html("<img src='images/happy.png' />");//when swimming left, show left facing fish
        } else {
            $("#fish1").html("<img src='images/happyback.png'/>");//when swimming right, show right facing fish
        }

        $("#fish1").stop().animate({//animates the two images to show animated swimming
            left: event.pageX,
            top: event.pageY
        }, 300);
    });
});
4

1 に答える 1

1

このようなものが機能するはずです

<button type="button" onclick="$('#fish1').prop('src','images/laugh.png');">tell a joke</button>
于 2013-02-05T01:25:37.377 に答える