点鼠标出小球

这篇博客介绍如何使用Java Swing库创建一个交互式应用程序,当用户点击鼠标时,屏幕上会显示随机颜色的小球。代码示例展示了如何监听鼠标事件、生成小球并利用Timer进行动画效果。
摘要由CSDN通过智能技术生成

import java.awt.Color;

import java.awt.Graphics;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import java.awt.event.MouseAdapter;

import java.awt.event.MouseEvent;

import java.util.ArrayList;

import java.util.LinkedList;

import java.util.List;

import java.util.Random;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.Timer;

import javax.swing.WindowConstants;

public class AnimDemo extends JFrame

{

private static final Random rand = new Random();



private class Ball

{



    private static final int ballSize = 51;

    private static final int ballSpeed = 5;



    private double x;

    private double y;

    private double xVelocity;

    private double yVelocity;

    private Color color;



    public Ball(double ballX, double ballY)

    {

        this.x = ballX;

   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 JavaScript 和 CSS 实现小球跟随鼠标的效果。具体实现步骤如下: 1. 在 HTML 中添加一个小球元素: ```html <div id="ball"></div> ``` 2. 在 CSS 中设置小球的样式,包括大小、颜色、圆角等: ```css #ball { position: absolute; width: 20px; height: 20px; background-color: red; border-radius: 50%; z-index: 9999; } ``` 3. 在 JavaScript 中添加事件监听器,监听鼠标移动事件,并获取鼠标的坐标: ```javascript var ball = document.getElementById('ball'); document.addEventListener('mousemove', function(event) { var x = event.clientX; var y = event.clientY; }); ``` 4. 计算小球应该距离页面左边和顶部的距离,并将其设置为小球的样式: ```javascript var ball = document.getElementById('ball'); document.addEventListener('mousemove', function(event) { var x = event.clientX; var y = event.clientY; var ballX = x - ball.offsetWidth / 2; var ballY = y - ball.offsetHeight / 2; ball.style.left = ballX + 'px'; ball.style.top = ballY + 'px'; }); ``` 完整的代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小球跟随鼠标</title> <style> #ball { position: absolute; width: 20px; height: 20px; background-color: red; border-radius: 50%; z-index: 9999; } </style> </head> <body> <div id="ball"></div> <script> var ball = document.getElementById('ball'); document.addEventListener('mousemove', function(event) { var x = event.clientX; var y = event.clientY; var ballX = x - ball.offsetWidth / 2; var ballY = y - ball.offsetHeight / 2; ball.style.left = ballX + 'px'; ball.style.top = ballY + 'px'; }); </script> </body> </html> ``` 这样,就实现了小球跟随鼠标的效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值