jquery - 无法对 body 应用 CSS 抖动效果-6ren

jquery - 无法对 body 应用 CSS 抖动效果

转载作者：太空狗更新时间：2023-10-29 15:31:32

我有一个 image 类，它使用 jQuery 函数添加到 body 中:

$('body').addClass('image').addClass('shake');

当我尝试使用 shake 类添加摇动效果时，它没有提供摇动效果:

$('body').addClass('image').addClass('shake');

如何更正我的代码以获得添加到主体的图像的抖动效果？是 jQuery 还是其他问题？

$(document).ready(function() {
  $('body').addClass('image').addClass('shake');
});

@import url(https://fonts.googleapis.com/css?family=Gentium+Basic);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
.image {
  background-image: url(https://picsum.photos/200/300?image=0);
}

.shake {
  display: inline-block;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
}

.shake:hover {
  -webkit-animation-name: shake-base;
  -ms-animation-name: shake-base;
  -webkit-animation-name: shake-base;
  -webkit-animation-duration: 100ms;
  -ms-animation-duration: 100ms;
  -webkit-animation-duration: 100ms;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -webkit-animation-delay: 0s;
}

@-webkit-keyframes shake-base {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  4% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
  }
  8% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-1.5deg);
  }
  10% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  12% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
  }
  14% {
    -webkit-transform: translate(1.5px, 1.5px) rotate(-0.5deg);
  }
  16% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
  }
  18% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }
  20% {
    -webkit-transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  22% {
    -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg);
  }
  24% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(-1.5deg);
  }
  26% {
    -webkit-transform: translate(1.5px, -0.5px) rotate(-1.5deg);
  }
  28% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg);
  }
  30% {
    -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
  }
  32% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
  }
  34% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(0.5deg);
  }
  36% {
    -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg);
  }
  38% {
    -webkit-transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  40% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
  }
  42% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(-1.5deg);
  }
  44% {
    -webkit-transform: translate(0.5px, 0.5px) rotate(-0.5deg);
  }
  46% {
    -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg);
  }
  48% {
    -webkit-transform: translate(1.5px, 1.5px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg);
  }
  52% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  54% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg);
  }
  56% {
    -webkit-transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  58% {
    -webkit-transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  60% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
  }
  62% {
    -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
  }
  64% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
  }
  66% {
    -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg);
  }
  68% {
    -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
  }
  70% {
    -webkit-transform: translate(0.5px, -2.5px) rotate(-1.5deg);
  }
  72% {
    -webkit-transform: translate(0.5px, -1.5px) rotate(0.5deg);
  }
  74% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(-0.5deg);
  }
  76% {
    -webkit-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }
  78% {
    -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
  }
  80% {
    -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg);
  }
  82% {
    -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg);
  }
  84% {
    -webkit-transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
  }
  86% {
    -webkit-transform: translate(-2.5px, 1.5px) rotate(-0.5deg);
  }
  88% {
    -webkit-transform: translate(-1.5px, -2.5px) rotate(-0.5deg);
  }
  90% {
    -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg);
  }
  92% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
  }
  94% {
    -webkit-transform: translate(-0.5px, -1.5px) rotate(-1.5deg);
  }
  96% {
    -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
  }
  98% {
    -webkit-transform: translate(1.5px, -2.5px) rotate(-1.5deg);
  }
}

@-ms-keyframes shake-base {
  0% {
    -ms-transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg);
  }
  4% {
    -ms-transform: translate(0.5px, -2.5px) rotate(-0.5deg);
  }
  6% {
    -ms-transform: translate(-2.5px, 1.5px) rotate(-1.5deg);
  }
  8% {
    -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
  }
  10% {
    -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
  }
  12% {
    -ms-transform: translate(-0.5px, -2.5px) rotate(-1.5deg);
  }
  14% {
    -ms-transform: translate(-2.5px, -2.5px) rotate(0.5deg);
  }
  16% {
    -ms-transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
  }
  18% {
    -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }
  20% {
    -ms-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }
  22% {
    -ms-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
  }
  24% {
    -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg);
  }
  26% {
    -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
  }
  28% {
    -ms-transform: translate(0.5px, -1.5px) rotate(-0.5deg);
  }
  30% {
    -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }
  32% {
    -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
  }
  34% {
    -ms-transform: translate(-0.5px, -1.5px) rotate(-1.5deg);
  }
  36% {
    -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  38% {
    -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
  }
  40% {
    -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg);
  }
  42% {
    -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
  }
  44% {
    -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }
  46% {
    -ms-transform: translate(1.5px, 0.5px) rotate(-1.5deg);
  }
  48% {
    -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg);
  }
  50% {
    -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
  }
  52% {
    -ms-transform: translate(-2.5px, 1.5px) rotate(0.5deg);
  }
  54% {
    -ms-transform: translate(-0.5px, -2.5px) rotate(0.5deg);
  }
  56% {
    -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg);
  }
  58% {
    -ms-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }
  60% {
    -ms-transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }
  62% {
    -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg);
  }
  64% {
    -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg);
  }
  66% {
    -ms-transform: translate(-0.5px, 1.5px) rotate(-1.5deg);
  }
  68% {
    -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg);
  }
  70% {
    -ms-transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
  }
  72% {
    -ms-transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
  }
  74% {
    -ms-transform: translate(0.5px, 1.5px) rotate(0.5deg);
  }
  76% {
    -ms-transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
  }
  78% {
    -ms-transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
  }
  80% {
    -ms-transform: translate(-1.5px, -0.5px) rotate(-1.5deg);
  }
  82% {
    -ms-transform: translate(0.5px, 1.5px) rotate(-1.5deg);
  }
  84% {
    -ms-transform: translate(-2.5px, 0.5px) rotate(-1.5deg);
  }
  86% {
    -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg);
  }
  88% {
    -ms-transform: translate(0.5px, -2.5px) rotate(0.5deg);
  }
  90% {
    -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
  }
  92% {
    -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg);
  }
  94% {
    -ms-transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
  }
  96% {
    -ms-transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }
  98% {
    -ms-transform: translate(-0.5px, -1.5px) rotate(-1.5deg);
  }
}

@keyframes shake-base {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
  }
  4% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg);
  }
  6% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  8% {
    transform: translate(-0.5px, 1.5px) rotate(-1.5deg);
  }
  10% {
    transform: translate(0.5px, 0.5px) rotate(0.5deg);
  }
  12% {
    transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  14% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  16% {
    transform: translate(-1.5px, -2.5px) rotate(0.5deg);
  }
  18% {
    transform: translate(0.5px, -2.5px) rotate(-0.5deg);
  }
  20% {
    transform: translate(-2.5px, -2.5px) rotate(0.5deg);
  }
  22% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }
  24% {
    transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
  }
  26% {
    transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
  }
  28% {
    transform: translate(0.5px, 1.5px) rotate(-1.5deg);
  }
  30% {
    transform: translate(-0.5px, 1.5px) rotate(0.5deg);
  }
  32% {
    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
  }
  34% {
    transform: translate(-2.5px, 1.5px) rotate(0.5deg);
  }
  36% {
    transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
  }
  38% {
    transform: translate(0.5px, 1.5px) rotate(-0.5deg);
  }
  40% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  42% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }
  44% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg);
  }
  46% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg);
  }
  48% {
    transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
  }
  50% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
  }
  52% {
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
  }
  54% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  56% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
  }
  58% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }
  60% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }
  62% {
    transform: translate(-1.5px, -1.5px) rotate(0.5deg);
  }
  64% {
    transform: translate(1.5px, 0.5px) rotate(-1.5deg);
  }
  66% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  68% {
    transform: translate(0.5px, -2.5px) rotate(-1.5deg);
  }
  70% {
    transform: translate(0.5px, -2.5px) rotate(-1.5deg);
  }
  72% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg);
  }
  74% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  76% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  78% {
    transform: translate(1.5px, -1.5px) rotate(-1.5deg);
  }
  80% {
    transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
  }
  82% {
    transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  84% {
    transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  86% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg);
  }
  88% {
    transform: translate(-2.5px, 0.5px) rotate(-1.5deg);
  }
  90% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg);
  }
  92% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  94% {
    transform: translate(-0.5px, 0.5px) rotate(-1.5deg);
  }
  96% {
    transform: translate(1.5px, -2.5px) rotate(0.5deg);
  }
  98% {
    transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

最佳答案

它工作正常但是 the background you see is moved to the canvas and no more belong to the body element.并且您的 body 元素的高度为 0，因为其中没有内容。您看到的不是 body 元素(这个元素不可见)，而是窃取 body 背景的 Canvas (您的浏览器窗口)。

更改 html 的背景(以便 Canvas 采用此背景)并给 body 一些高度以查看效果:

$(document).ready(function() {
  $('body').addClass('image').addClass('shake');
});

@import url(https://fonts.googleapis.com/css?family=Gentium+Basic);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
.image {
  background-image: url(https://picsum.photos/200/300?image=0);
  height:200px;
}

html {
  background:red;
}

.shake {
  transform-origin: center center;;
}

.shake:hover {
  animation: shake-base 100ms infinite ease-in-out;
}

@keyframes shake-base {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  2% {
    transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
  }
  4% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg);
  }
  6% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  8% {
    transform: translate(-0.5px, 1.5px) rotate(-1.5deg);
  }
  10% {
    transform: translate(0.5px, 0.5px) rotate(0.5deg);
  }
  12% {
    transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  14% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  16% {
    transform: translate(-1.5px, -2.5px) rotate(0.5deg);
  }
  18% {
    transform: translate(0.5px, -2.5px) rotate(-0.5deg);
  }
  20% {
    transform: translate(-2.5px, -2.5px) rotate(0.5deg);
  }
  22% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }
  24% {
    transform: translate(-1.5px, -2.5px) rotate(-1.5deg);
  }
  26% {
    transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
  }
  28% {
    transform: translate(0.5px, 1.5px) rotate(-1.5deg);
  }
  30% {
    transform: translate(-0.5px, 1.5px) rotate(0.5deg);
  }
  32% {
    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
  }
  34% {
    transform: translate(-2.5px, 1.5px) rotate(0.5deg);
  }
  36% {
    transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
  }
  38% {
    transform: translate(0.5px, 1.5px) rotate(-0.5deg);
  }
  40% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  42% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }
  44% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg);
  }
  46% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg);
  }
  48% {
    transform: translate(-1.5px, 0.5px) rotate(-1.5deg);
  }
  50% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
  }
  52% {
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg);
  }
  54% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  56% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
  }
  58% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }
  60% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }
  62% {
    transform: translate(-1.5px, -1.5px) rotate(0.5deg);
  }
  64% {
    transform: translate(1.5px, 0.5px) rotate(-1.5deg);
  }
  66% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  68% {
    transform: translate(0.5px, -2.5px) rotate(-1.5deg);
  }
  70% {
    transform: translate(0.5px, -2.5px) rotate(-1.5deg);
  }
  72% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg);
  }
  74% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }
  76% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg);
  }
  78% {
    transform: translate(1.5px, -1.5px) rotate(-1.5deg);
  }
  80% {
    transform: translate(-2.5px, -1.5px) rotate(-1.5deg);
  }
  82% {
    transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  84% {
    transform: translate(1.5px, -2.5px) rotate(-0.5deg);
  }
  86% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg);
  }
  88% {
    transform: translate(-2.5px, 0.5px) rotate(-1.5deg);
  }
  90% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg);
  }
  92% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  94% {
    transform: translate(-0.5px, 0.5px) rotate(-1.5deg);
  }
  96% {
    transform: translate(1.5px, -2.5px) rotate(0.5deg);
  }
  98% {
    transform: translate(-2.5px, -0.5px) rotate(-1.5deg);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于jquery - 无法对 body 应用 CSS 抖动效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53429240/

文章推荐： c - 在两个字符串文字之间放置定义宏

文章推荐： c - 具有此索引的数组如何工作？ K&R练习

文章推荐： C - 使用指针将一个字符数组的内容复制到另一个

文章推荐： javascript - 上传图像 onclick 多个蒙版图像

swift - 他们是否对哪个 body 是 body 和 body 什么时候开始做出任何保证(_ :) is called?
当调用 func didBegin(_ contact: SKPhysicsContact) 的 SKScene 中发生接触时，需要确定哪个 SKPhysicsBody 是contact.bodyA
html - body 内的元素不适合 body
HTML: CSS: body { width : 1000px ; } header { width : 100% ; } 如果有这样的代码，我认为页眉的宽度将与主体的
php - body 图像定位与 body
我刚刚通过网站完成设计，现在我正在尝试将整个 body 布置成一个整体，而不是不断重复的瓷砖。请问我该怎么做？我不确定我说的是否有道理，但就像一张墙纸在拉伸(stretch)，而不是 30 个小瓷砖
html - body 包装上的滚动条而不是 body
我试图在我的内部包装器上获得一个滚动条，而不是主体本身: CSS body { overflow: hidden; } #body_wrap { overflow-y: auto;
html - body 元素走出 body
body { margin: 0px; border: 1px solid black; } #head { text-align: center; background: linea
html - 我最近看到一个 CSS 文件，其中分别定义了 "body"和 ".body"。为什么要在 ".body"类中放置描述？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improv
html - css 选择器 : difference between "body h1", "body .h1"和 "body.h1"
我试图了解此 CSS 规则将应用于哪些元素: body h1, body .h1 { font-family: 'Open Sans', sans-serif !important;
express - Jade模板中的 `body!= body`是什么意思？
此问题与使用 Jade templates 有关与 Express.js . 我知道当我写 layout.jade其中包含: !!! html body != body hea
css - body 上的不透明度不影响 body 上的背景颜色
我正在尝试为 body 设置不透明度。但是，我遇到了一个问题。在body 上设置不透明度时，只有它的内容会受到影响。背景不受不透明度的影响。 $("button").click(function(
java - box2d body 穿过其他 body
我的游戏中有两个对象:球和星星球是静态或动态的物体。对于明星: 我需要知道星星何时与球相撞但它需要穿过小球并且不受碰撞影响我应该怎么做？谢谢袜套最佳答案您想使用 Sensors (6.
javascript - 关闭 body 点击菜单和动画 body
我以前问过这个问题，但所有答案都不起作用，所以我有一个示例页面，webpage .我有一个重新调整大小的菜单，我想在菜单外单击时关闭菜单，以及在第一次切换下拉菜单时让主体向下动画，这样下拉菜单就不会隐
jquery - 使水井漂浮在 body 上而不是将元素插入 body
我有一个漂浮在我其余内容上的井。我遇到的问题是，当它加载页面时，它会下推其余内容。我该如何更改它以便它悬停在所有内容上并且不会在页面加载时将内容下推。这是页面加载的图像。这是向下滚动页面的图片请
html - body 和 #body 有什么区别
在我的代码中我有这个: #body { background-color: #efeeef; clear: both; padding-bottom: 35px; } 还有这个
jquery - 获取字符串中的内容
我想做以下事情。 $("a").click(function (event) { event.preventDefault(); $.get($(this).attr("href"),
python - body 是什么？ `from fastapi import Body`
在documentation在其他地方，我看到使用了 Body 但不知道它是什么。谁能解释一下这三个选项是什么意思？ from fastapi import Body from pydantic i
javascript - 在不使用标签的情况下设置 body onload
我试图在 body 加载后触发一个功能。我知道你可以从 body 标签中做到这一点，但如果可能的话，我更愿意从 JS 中做到这一点。例如:document.getElementsByTagName(
当我旋转 body 时，Pymunk body 的形状不会旋转
在 Pymunk 中，当我旋转一个物体时，它的形状并没有旋转。当我施加一个冲动时，形状会如预期的那样同步移动。我的谷歌搜索表明 body 的形状应该在 body 旋转时旋转。我是否从根本上误解了旋转？
jquery - 标签正在从 jQueryMobile 插入到我的文档的头部
在我的移动网站/应用程序中使用 jQueryMobile 时，我刚刚开始遇到非常奇怪错误编辑我正在添加图片，可能更容易理解问题 edit2 我发现了这个问题。仍然好奇为什么会这样如果您想查看原
javascript - 使多部分 "fluid body"充当一个单一的 body
我正在使用 Phaser.js 及其 p2 物理来模拟“流体”。你可以在this中看到创建一种流体体的示例(归功于 John Watson)。唯一可能的交互是鼠标移动。我注意到一些有趣的特性可能有助
html - body > :not(element) and :not(body> element)? 有什么区别
我认为是后一项， :not(body> element) 说明 body 标签中的所有“元素”元素。这是否与同义 body >:not(element) ?? 最佳答案 body >:not(ele

太空狗

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jquery - 无法对 body 应用 CSS 抖动效果