jquery鼠标点页面出现水波纹特效

如何利用jquery显示鼠标点页面出现水波纹特效，下面web建站小编给大家简单介绍一下具体实现代码！

具体代码如下：

$(document).click(function(e) {
  var size = 120
  $('body').append("<div class='wave'>")
  $('.wave').css({
    position: 'fixed',
    left: e.clientX,
    top: e.clientY,
    borderRadius: size + 'px',
    border: '1px solid black',
  }).stop().animate({
    width: size,
    height: size,
    left: e.clientX - size / 2,
    top: e.clientY - size / 2,
    opacity: '0'
  }, function() {
    $('body .wave').remove()
  })
})

three.js绘制的八大行星运动效果

3D粒子波浪动画效果three.js

css3有哪些新特性（简单介绍）

如何利用jQuery判断页面中是否存在某个class

jquery如何设置图片背景

标签： jquery知识, 动画效果, 水波纹特效

上面是“jquery鼠标点页面出现水波纹特效”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3549.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！