使用jquery写个元旦快乐代码 有烟花爆竹
时间: 2023-02-07 20:33:13 浏览: 87
你好,这里是一个使用 jQuery 实现的元旦快乐的代码示例:
```
$(document).ready(function() {
// 点击页面时发射烟花爆竹
$('body').click(function() {
// 随机生成烟花爆竹的坐标
var x = Math.floor(Math.random() * $(window).width());
var y = Math.floor(Math.random() * $(window).height());
// 创建烟花爆竹的元素
var firework = $('<div>').addClass('firework');
firework.css({
'top': y,
'left': x
});
// 将烟花爆竹添加到页面中
$('body').append(firework);
// 让烟花爆竹改变颜色,并逐渐消失
firework.animate({
'opacity': 0
}, 1000, function() {
firework.remove();
});
});
// 添加样式
var style = $('<style>').text('.firework { position: absolute; width: 20px; height: 20px; background-color: red; border-radius: 50%; }');
$('head').append(style);
});
```
在 HTML 页面中引入 jQuery 库后,你就可以使用这段代码来实现点击页面时出现烟花爆竹的效果了。
希望这对你有帮助。