提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

javascript - 两个swiper进行嵌套外层swiper动画初始的时候，动画元素被隐藏不显示

初始状态滑动到第二页再划回来动画元素出现，动画正常播放 JS 代码

我想大声告诉你 2017-05-19 10:32:28

如何使 CSS 动画在每次将后续类添加到元素时运行

我有一个CSS动画类设置，因此我可以为元素设置动画。当单击输入按钮时，该类将添加到中，我希望每次单击示例中的输入按钮时，都会飞到屏幕上。但是，它仅在第一次有效，任何后续的输入单击都不会使元素产生动画。我在这里缺少什么？$(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42

html - 在jquery中使用setInterval让齿轮循环滚动

有一齿轮，现在做的动画是，鼠标悬浮时才会触发滚动事件，想做的动画是，页面加载完成后，隔一段时间齿轮会自己滚出去再滚回来。向右滚动和向左滚动都能实现，但是不知道jquery中怎么写“隔一段时间+滚出去再滚回...

習慣沉默 2017-05-16 13:25:04

保持CSS动画在结束时的最终状态

我正在对一些在CSS中设置为opacity:0;的元素运行动画。动画类被应用于onClick事件，使用关键帧，它将不透明度从0变为1（以及其他一些变化）。不幸的是，当动画结束时，元素会回到opacity:0的状态（在Firefox和Chrome中都是如此）。我本能地认为动画元素会保持最终状态，覆盖它们的原始属性。这不是真的吗？如果不是，我该如何使元素保持最终状态？代码（不包括前缀版本）：@keyf

P粉950128819 2023-08-20 18:36:55

wowjs动画CSS无效，wowjs未向HTML元素添加动画类

如果您访问此处网站并使用开发人员工具进行检查，您将看到这一行<sectionclass="single-itemscenter-blockparallaxm-0"id="home"style="background:url(innovative/img/single-por

P粉748218846 2024-03-19 21:29:39

如何使动画在悬停时暂停，但一旦鼠标离开动画继续

我已经厌倦了几个解决方案，这是我得到的最接近的解决方案。但我仍然不满意结果如何，因为当鼠标离开元素时，元素会恢复到原来的旋转状态。这个想法是，如果你越过该元素，即使鼠标离开该元素，它也会触发动画。如果你将鼠标悬停在元素上，它会播放动画并保持在0度，一旦鼠标离开，另一个动画就会播放，并旋转回-8度。constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54

如何判断鼠标是否停止悬停在一个元素上？

我想知道鼠标如何停止悬停在javascript或使用css中的元素上。我正在制作一个动画，当鼠标悬停在背景上时，背景会改变颜色，并且我还想在鼠标停止悬停在元素上时添加动画。我怎样才能做到这一点？

P粉547420474 2024-03-31 13:28:28

JavaScript代码执行的作用域顺序问题？

var mark2=true;$(".right").click(function(){ {代码...} function move(obj){ {代码...} 点击$(".right") 执行move函数，主要是为了给obj元素添加动画，为了防止$(".right")点击的频率过快，让动画叠加，所以就...

phpcn_u1582 2017-06-26 10:51:58

javascript - 问个很疑惑的问题？关于jQuery的is(":animated")

这个jQuery中的is(":animated")的实现原理是什么是根据什么来判断当前元素是否在动画的？是运动时间么？还是一些其他的属性来判断的呢？希望路过的大牛能给指点下迷津...

phpcn_u1582 2017-06-26 10:55:56

html5 - z-index在浏览器调试有效手机测试无效

在浏览器调试的时候发生拖拽事件后箭头是隐藏的但是在手机微信中就不好用这个元素上是有animation动画的删除动画就有效加上就无效现在的样式文件中并不存在浮动的原因或者是position的原因应该因为在浏览器...

高洛峰 2017-07-04 13:45:06

javascript - 一个关于mousdown事件的问题

求助，我用$.animate 实现了一个基于页面元素mousdown的事件，做好之后发现一个问题，连续多次点击鼠标后会重复多次播放动画，我想要实现的效果是每次点击时都从头播放动画，多次点击会产生多个mousdown事件，如...

世界只因有你 2017-05-19 10:14:34

如何在不挤压内容的情况下通过变换对高度进行动画处理

在我的项目中，当用户单击按钮时，我一直在使用jQueryslideUp()向上滑动200项列表中的元素。但是，众所周知，CSS高度动画需要回流，从而导致动画不稳定。该动画是应用程序的一个组成部分，我愿意做大量的工作以使其工作并顺利工作。我决定CSStransform是让它顺利工作的方法，因为它是在GPU上处理的，在一些现代浏览器上，它甚至脱离了主线程，繁重的JS工作不会影响变换。（我确实有繁重的J

P粉208469050 2024-01-01 11:51:20

html5 - 添加了伪元素但是查看元素看不到

{代码...} 是想通过这样的方式设置两个方向的动画叠加起来出现曲线的效果但是现在添加的伪元素在查看元素时并看不到请问为什么哪里写错了

为情所困 2017-07-04 13:45:09

javascript - transform 制作滚动效果为什么需要两个元素

我看别人的文章为什么实现小球的抛物线效果需要用两层元素，进行两个动画，而不可以只写一个元素<div class="ball"></div>?然后用transform进行x,y轴的修改，我发现这样写没效果？但是为什么啊？这...

滿天的星座 2017-05-19 10:18:02

javascript - react 中的动画效果怎么写？

react中的组件怎么写出动画效果？比如一个简单的对话框，我希望达到点击取消后，对话框先变淡，然后消失。如果用jquery，那么很简单，先animate({ //变淡的CSS }，function(){ //删除DOM})。但是react，不知道怎...

世界只因有你 2017-05-18 10:58:34

如何让转换后的元素不被溢出自动切断？

我正在使用Bootstrap4为朋友的个人网站制作一个模态画廊。我设置了它，以便图像在悬停时展开-但当我将溢出设置为自动时，它们会在模态（或div）的边缘被切断。图库也是一组选项卡中的第三个，但所有这些都很好用。我尝试更改哪个div具有overflow-auto类；我尝试过标记各种不同的标记，但无论我尝试什么，我都不知道如何制作它，以便图库滚动并且让我的图像在悬停时不会被切断。现在是相关代码：.g

P粉242535777 2023-09-07 20:04:02

解释为表单中的动画图像元素提交的图像坐标

我想通过检查php$_POST数组来捕获指示用户单击动画图像的位置的X:Y值。问题是，虽然我可以获取静态图像上的输入提交信息，但我似乎无法从动画图像中获取任何值。以下是演示此行为的完整HTML页面和表单：<!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14

保留分割成单独 HTML 元素的一行文本的字体间距

我正在尝试重新创建一种常见技术，将单词拆分为单独的HTML元素，以便可以通过动画单独定位它们。我遇到的问题是，当它们分成单独的元素时，我会失去单词之间的间距。通过在每个单词后面加上进行渲染，或者向每个元素添加填充，我可以添加间距，但我想知道是否有一种方法可以做到这一点，而无需手动添加间隔/将它们弯曲到容器上并可以保留原始间距？我知道有像gsapSplitText这样的插件，但我

P粉258083432 2023-09-10 18:37:01

为什么每次保存我的vite react项目时，会向页面主体添加新的canvas元素，而不是替换现有的canvas元素？

我正在尝试开始学习ThreeJs（我也是JavascriptWeb开发的新手）。看了一些教程后，我从vite和react开始，然后从基本的旋转立方体开始。该部分有效。但是根据我所读到的有关vite的内容，保存我正在处理的文件应该足以将其重新加载到页面上。事实并非如此。我检查了页面内容，每次保存文件时，都会将2x相同的画布元素附加到页面正文（而不是替换现有的），这意味着我必须向下滚动到页面底部才能看

P粉186904731 2024-03-30 09:57:49

创建动画文本下划线：分步指南

我正在尝试使<a>标签元素在悬停时在下划线中显示动画，类似于本页上的第一个示例。问这个问题几乎感觉很愚蠢，因为教程就在那里，但我正在做的事情不起作用，我不知道为什么。这是我的CSS内容#about-text-boxa{text-decoration:none;font-size:17pt;font-family:'Silkscreen',cursive;color:#ECE0E7;te

P粉366946380 2024-02-03 20:00:08