纯js动画案例 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

带有功能编程的Express.js服务器(纯路由)

javascript、node.js、express、functional-programming、functional-testing

我的目标是能够为Express.js服务器编写纯路由。这可能吗？使用Future monad，我可以处理错误和成功案例，但在此之后，成功案例的粒度就不多了。有任何方法可以为Express.js编写纯的和完全可测试的路由吗？

浏览 0提问于2017-02-17得票数 12

1回答

如何在没有动画的情况下创建粒子网页背景(纯css)

javascript、html、css

我想要一些粒子，像它在particles.js中的样子，但没有任何动画和纯CSS代码。我知道这是可以做到的，但我找不到任何例子或教程在网上如何实现它。由于CPU使用率高，动画部分对css解决方案和js解决方案都很恼火.因此，我试图找到一种方法，以删除动画和使用纯css，以更好的性能。

浏览 0提问于2019-01-21得票数 1

回答已采纳

2回答

选择一个完整的基于CSS的菜单和基于Javascript/CSS的菜单的理由是什么？

javascript、jquery、css、menu

在考虑为您的网站提供新菜单时，您验证的要点是什么？CSS菜单老了吗？或者它的功能是有限的！我不认为CSS菜单是旧的，因为我仍然使用一个使用完整CSS菜单的1000个web2.0站点(没有javascript来控制其下拉列表)。

浏览 3提问于2011-05-03得票数 0

回答已采纳

1回答

知道任何用于排序/筛选项目组的CSS3转换/动画的优秀示例

animation、css、jquery-animate

我们本质上是在构建一个纯CSS和js的产品/图像分类器。分类器将根据过滤和选择将产品重新排序到不同的组中。当移动/移动产品时，它需要超快速和平滑你还知道其他人吗？

浏览 2提问于2010-08-04得票数 2

1回答

我刚刚将我目前正在工作的一个网站的动画引擎从Jquery Transit改为Velocity.js。我只是简单地将transition()更改为velocity()，当它工作时，Velocity.js渲染的动画性能要差得多(比运输的)。使用运输，我得到了几乎完美的60fps和正确的时间，而Velocity给我的速度不到10fps，动画速度似乎不正确。Velocity的动画给人的印象是沉重和缓慢的相比，但在理论上Velocity应该表现得更好。有人知道问题出在哪里吗？它会不会与slick

浏览 1提问于2015-08-27得票数 1

1回答

如何在不跳跃的情况下改变关键帧的速度

html、css、keyframe、jss

但是每次我更改animationDuration时，动画框就会改变位置(跳转)。有没有办法不跳就能改变速度？提前谢谢你。代码就在这里，is没有将它们分离到js/css/html文件。

浏览 3提问于2022-05-13得票数 1

回答已采纳

1回答

reveal.js外部标记中的SVG动画

css、svg、svg-animate、reveal.js

我一直试图创建一个reveal.js演示文稿，其中包括适度的交互式动画。我认为最好也是最简单的方法是用外部标记编写演示文稿，并将SVG动画合并到几张幻灯片中。我用SVG马戏团生成了一个动画，并将代码复制/粘贴到我的外部标记文件中。是否有一种将SVG动画集成到reveal.js中的推荐方法？我尝试使用动画插件，

浏览 0提问于2021-01-08得票数 1

1回答

对于html文档，有不同的处理调整大小事件的方法，有区别吗？

javascript、html、css

我看到您可以使用CSS @media规则更改样式，还可以在javascript中添加window.addEventListener('resize', handleResize);以根据文档大小更改文档。

浏览 3提问于2022-06-08得票数 2

1回答

如何在缩放元素时防止flexbox中的空白

html、css、flexbox

700px; display: flex; align-items: center;我使用anime.js

浏览 18提问于2021-05-18得票数 1

1回答

动画-duraction取决于纯css3的宽度

css、animation、keyframe

有没有可能用纯css根据元素的宽度来计算动画持续时间？我有一个字幕动画。我希望动画持续时间取决于文本本身的长度(宽度)。有没有可能不使用js？

浏览 3提问于2017-03-29得票数 1

1回答

如何使用animate.css制作柔性滑块中所有字幕的动画

css、animation、flexslider、captions、animate.css

我想做一些动画在挠性滑块使用css3动画的每个标题。尝试使用inview.js和纯css3动画，它只在页面上加载第一张幻灯片，而不使用其他幻灯片。

浏览 2提问于2013-10-09得票数 0

回答已采纳

4回答

如何检测两个div是否正在接触/碰撞检测

javascript、html、css、collision

我有两个div，可以由用户移动(使用JavaScript和单击事件)，我需要检测这两个div是否是相互接触/相互连接的，如果它们要触发一个函数，我在这里看到了答案，但是它们都使用jQuery，我想使用纯JS编辑:为了弄清楚，因为我的解释很差，两个div中的一个是静止的，第二个只能向Y方向移动，但是向Y方向移动的div是用一个案例动画旋转的。

浏览 0提问于2018-05-16得票数 2

回答已采纳

1回答

使用淡入和淡出对块中的文本更改进行动画处理

javascript、html、css、animation、fade

我有一个div，它的内容是由脚本动态改变的，我想在文本被改变时添加淡入和淡出动画。如何使用CSS或纯JS来完成此任务？到目前为止，我看到的所有解决方案都涉及jQuery，而我对纯CSS和/或JS感兴趣。

浏览 1提问于2015-05-10得票数 0

1回答

(非组件) Vue.js

javascript、html、css、vue.js、vuejs2

--JS and CSS in JSFiddle links.Please look at --> 案例1(纯JS + HTML + CSS)：https://jsfiddle.net/mcezgsa7/32/ 案例2 (Vue.js + HTML + CSS)：https://jsfiddle.net/pa2xmyju/12/ 我希望我的代码能像第一种情况一样工作，但我使用的是V

浏览 9提问于2021-04-22得票数 0

1回答

当屏幕上显示部分时，CSS动画仅播放一次

javascript、html、css、animation、css-animations

我从这个网站得到了灵感：https://brittanychiang.com/，特别是它的动画。在页面加载时出现在页眉的那些只是典型的带有延迟或其他的css动画。但是，当您向下滚动时，其他部分可见，动画将再次且仅出现一次。你能用纯CSS实现吗?或者你需要包含JS？

浏览 24提问于2020-08-26得票数 2

回答已采纳

1回答

KineticJS onFrame又慢又干

javascript、kineticjs

基本上，如果我使用stage.onFrame(function(frame){animationLayer.draw()});，我就会得到一个很棒的动画，但是如果我做了一些类似于setInterval(draw, 25);和animationLayer.draw();的动画，我就会得到一个很好的流畅的动画。

浏览 2提问于2012-04-28得票数 1

回答已采纳

2回答

基于滚动的动画:如何创建它们

javascript、jquery、css、animation、velocity.js

我看到了一个网页：没有什么非常复杂的东西，只是在用户滚动页面时出现的元素或层(不要考虑英雄视觉上的“粉状”动画)。什么技术/编程语言/ js-based library，你专家建议动画师，作为最好的选择来实现这一点？我在考虑：具有最小velocity.js-based的jQuery方法仅用于将动画调用链接到jQ

浏览 4提问于2015-10-14得票数 1

回答已采纳

1回答

尝试在另一个具有Id的特定"h1“之前插入"h1”

javascript、jquery、dom

我需要帮助的特定代码行已经标记，但我已经包含了上下文的整个函数。指定代码行的预期输出应该如下所示:我希望在元素"#" + nextRank + "A"之前插入元素newNode (nextRank定义为大写字母，就像rank一样)。我相信我的代码中的错误来自于特定行上的nextRank语法，但我可能错了。无名氏有人知道我怎么解决这个问题吗？//nodeField is a div which only parents h1's. function addNode

浏览 0提问于2021-05-30得票数 0

1回答

纯js中的动画优化

javascript、css、animation、optimization、mathematical-optimization

在纯js中有一个树叶飞行的动画。问题是，它需要进行优化以获得最大的性能，因为页面上会有更多这样的动画。除了优化原始SVG图像和减少传单数量之外，您还可以给出什么提示来提高代码的性能？

浏览 22提问于2020-12-26得票数 1

1回答

通过纯js创建动画彩虹

javascript、html5-canvas

代码(纯js)用于创建动画彩虹，其中连续的彩虹被延迟了一点时间。但是动画是不一致的(最终会慢下来)。我只是一个编程初学者，所以我的代码也变得越来越长。如果你在本地运行代码，动画在一段时间后就会慢下来，彩虹发出的方式也不一致(每个彩虹之间应该有一个时间间隔)。我的第二个问题是，我想减少代码，这样我就不必为每个彩虹动画创建一个函数。

浏览 2提问于2017-08-18得票数 1

回答已采纳

点击加载更多