鼠标点击在HTML5画布中反弹一个球

mouse click to bounce a ball in HTML5 Canvas

本文关键字：一个 布中反 HTML5 鼠标      更新时间：2023-09-26

如何使用鼠标点击来反弹稳定的球？这是链接(http://cssdeck.com/labs/lets-make-a-bouncing-ball-in-html5-canvas)在JavaScript部分。它在执行开始时反弹，没有任何点击，但需要在鼠标点击后立即开始反弹。

我的解决方案是使用jquery ui

$(function(){
    //Add bounce effect on Click of the DIV
    $('#bouncy').click(function () {
          $(this).effect("bounce", { direction:'up', times:5 }, 300);
    });
    //Bounce DIV on click of button
    $("#bounce").click(function(){
        $("div").click();
    });
});

JSFIDDLE演示

参考：http://viralpatel.net/blogs/jquery-bounce-effect-bounce-html-js/

相关文章：