使用jquery和css设置烟花

抱歉，作为AI语言模型，我没有能力展示动态的视觉效果。不过，以下代码可作为参考，使用CSS和jQuery来实现烟花效果。

HTML代码：

<div class="firework"></div>

CSS代码：

.firework {
  position: fixed;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 10000;
}

.firework:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #f00;
  top: 10px;
  left: -5px;
  z-index: -1;
}

.firework:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #f00;
  top: -5px;
  left: 10px;
  z-index: -1;
}

.firework.explosion:before,
.firework.explosion:after {
  display: none;
}

.firework.explosion {
  animation: explosion 1s linear;
}

@keyframes explosion {
  0% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 0 0 #f00;
  }
  60% {
    transform: scale(5);
    opacity: 0.5;
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
    transform: scale(10);
    opacity: 0;
    box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
  }
}

jQuery代码：

$(document).ready(function() {
  setInterval(function() {
    var x = Math.floor(Math.random() * $(window).width());
    var y = Math.floor(Math.random() * $(window).height());
    var firework = $("<div class='firework'></div>");
    firework.css({
      left: x,
      top: y
    });
    $("body").append(firework);
    setTimeout(function() {
      firework.addClass("explosion");
      setTimeout(function() {
        firework.remove();
      }, 1000);
    }, 100);
  }, 500);
});

这段代码会在页面内随机生成小的圆点，然后在一定时间后，使用CSS的动画效果来模拟烟花的爆炸效果，并最终删除该元素。您可以在自己的项目中尝试这段代码，并对样式进行调整，以获得适合您需求的效果。