1回答
我最近开始学习使用CSS的动画。它比JS和flash更容易，重量也更轻，但我知道CSS动画有局限性。
在上面的链接中，我只是想知道悬停在"Order Now“div上的效果是只通过CSS实现的，还是涉及到JS。我一直在尝试从页面源代码中挑选出对此效果负责的代码，但我只幸运地使用了CSS。我看不到任何改变div样式的JS。也许我错了。
有什么帮助吗？
浏览 2提问于2013-10-20得票数 0
我正在尝试在raphael.js中实现一种脉动的发光效果。这是我的代码我对巨大的大脑感到非常抱歉。;)
我尝试对发光效果的宽度和不透明度进行动画处理，但两者似乎都没有受到动画的影响。我通过隐藏大脑元素，放大并仅检出发光元素来检查它，但根本没有任何操作。)
我尝试使用相同的过程对单独的(非发光)元素进行动画处理，但多个属性的动画效果确实不错。
谢谢!
浏览 2提问于2012-03-23得票数 1
回答已采纳
我在Text中有一个JavaFX对象，它充当场景的标题。
我是否可以在所述FX对象上调用动画效果(fadeIn，fadeOut)或在JS中创建动画队列，然后使用Nashorn将其应用于我的FX对象，并在场景中相应地显示效果？
示例
基于定时循环使文本对象“脉动”。(在JS中创建自定义动画)
用来自JS的slideDown函数慢慢地展开文本元素。
浏览 6提问于2017-02-02得票数 1
回答已采纳
1回答
试图使用的插件列表：
jquery.animate-enhanced.min.js
jquery.easing.1.3.js
基本上，我试图将一些jquery动画转换为“纯CSS3转换”。
这是我正在处理的代码：
$(this).animate({
bottom:(docHeight-80),
},600,
'easeOutElastic',
function(){
$(thi
浏览 4提问于2012-11-07得票数 0
我正在自定义磁主题，我在list.phtml文件上工作，通过在list.phtml文件开头包含在线jquery文件来显示主页上特定类别的所有产品，但是主页子类别没有显示悬停效应，可能会与另一个js冲突。如果我从list.phtml文件中删除脚本，那么子类别将显示在悬停效果上，但是动画效果会消失。如果我从list.phtml中删除脚本，那么鼠标悬停效果上显示的子类别，但是动画不会.我下载了js文件，但不知道把这个文件放在文件夹结构中，所以我的动画效果和悬停效果都很好。
浏览 5提问于2015-01-30得票数 0
回答已采纳
1回答
我使用这个动画效果代码与js滚动：
我的js代码包括最后一行中的一个类：
$(this).addClass('fadeInLeft');
这很好，但有时我希望更改fadeInLeft效果(例如slideInleft或flipInLeft)。如何在不同的视场中添加不同的效果？
这是我的js代码：
$(document).ready(function() {
// Check if element is scrolled into view
function isScrolledIntoView(elem) {
var docViewTop = $(window).
浏览 0提问于2018-10-26得票数 0
回答已采纳
我正在使用Js helper类，并且我已经成功地实现了这一点。我正在使用以下代码来使用ajax。
$this->Js->link('test','action',array(
'before'=>$this->Js->get('#loader')->effect('fadeIn'),
'success'=>$this->Js->get('#front_album')-
浏览 0提问于2012-07-25得票数 2
回答已采纳
下面是我的App.vue代码：
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
import 'material-design-lite'
export default {
name: 'app'
}
</script>
<style lang="stylus">
@import url
浏览 4提问于2017-09-29得票数 1
我想知道如何使JQuery addClass/removeClass函数具有动画效果？
对于动画功能，似乎我必须放置一些CSS属性，但如果我有一个类，使元素显示为块每次我触发一个点击功能，而所有的元素显示为隐藏在CSS中。如何使此过程具有动画效果？
下面是我的代码：
<script src="js/jquery-1.9.1.min.js"></script>
<script>
var allSlides = $('li');
$('#nextSlide').click(function(){
浏览 2提问于2013-03-26得票数 8
3回答
我做了这个：我有一杯热气腾腾的茶。我想让这个蒸汽动起来。但是这个动画效果并不好。
蒸汽必须向上、向上、向上进行动画处理。就像从一杯茶的顶部冒出的蒸汽。你可以在链接中看到它。
我怎样才能修复它，使烟雾有很好的动画效果？
您可以更改js fiddle上的代码并对其进行更新。
浏览 2提问于2011-10-20得票数 8
回答已采纳
所以我制作了这个动画网站，每次我在我的按钮上应用“回顶”代码时，它总是在整个页面上滚动，直到它到达顶部。
我希望它能立即把它们带到顶端，而不需要任何花哨的向上滚动效果，这就是我要得到的。
我尝试过多个脚本，它们都是出于某种原因获得动画的(即使我搜索的脚本代码应该不是动画的)。
这是我正在使用的当前脚本：(我尝试了多次，但它们都产生了相同的动画滚动效果)
<!-- Back to top -->
<script>
var btn = $('#BackTop');
$(window).scroll(function()
浏览 7提问于2022-10-06得票数 0
回答已采纳
我正在试用React动画的示例代码：
演示：
<CSSTransitionGroup
transitionName="example"
transitionEnterTimeout={500}
transitionLeaveTimeout={300}
>
{items}
</CSSTransitionGroup>
它认为App不存在于index.js中。但是，如果CSSTransitionGroup被一些静
浏览 12提问于2021-04-20得票数 1
3回答
我想创建一个折纸一样的折叠动画使用WebGL或画布(没有闪光！)。我想要重现的效果类似于中的效果。
对于立方体，最终动画的清晰视图可以表示为：
我试图使用库，但我找不到一种方法来使THREE.Mesh的单个面孔具有动画效果。我也尝试过简单的CSS3动画，但它会使超过6个面的实体动画变得非常困难-因为它不可能在2个或更多个面之间创建关系。
有没有人可以推荐其他JS库？或者，有没有办法通过three.js来实现这一点？当然，如果有一种方法可以仅仅使用canvas2d就能让它工作，那就太好了--但我认为这是不太可能的！
浏览 6提问于2012-05-19得票数 4
回答已采纳
我尝试了animate.css库，它在我的本地主机和jsfiddle中工作得很好，但是在现场它并没有立即采取行动，这意味着特定div的动画选项不是在开始时发生的，而是div首先出现在指定的位置，然后它来自顶部或者我所给予的任何效果。
我认为这可能是服务器加载时间问题。可能是由于加载速度慢，我可以先看到实际的位置，然后css类动画才会发生。我不知道该怎么克服这一切。
使用代码，就像在活动站点中一样，但是在js中，它工作得很好。
我尝试通过js直接在标记本身中给类赋值，因为我认为js最近可能会加载，即使我能够看到加载站点的静态位置，然后动画从上到下发生。
<div id="box&#
浏览 2提问于2013-12-02得票数 0
回答已采纳
2回答
如何为平滑的动画制作动画
、、、、
因此，我一直在学习使用JS，CSS，HTML的动画，我试图学习如何使一个类似的卷轴具有动画效果
我尝试过使用jQuery-SlotMachine，尽管我对操作是如何执行的非常迷惑，即使旁边有JS代码也是如此。谁能给我解释一下如何使用相同的API或其他API进行编码，或者在普通的JS中进行编码。
浏览 3提问于2018-06-18得票数 1
1回答
我正在尝试用JavaScript编写动画程序，但遇到了问题
在我的程序中，我试图让<label>的margin-top具有动画效果，但效果并不像我想要的那样。
例如：
$('label').animate({marginTop: '0%'},500);
margin-top css属性会发生变化，但它发生在眨眼之间，而不是平稳地移动。
下面是我的代码：
HTML
<label id="menu-button-label"><input type="checkbox" id="menu-but
浏览 4提问于2016-05-17得票数 0
2回答
我正在尝试通过单击HTML按钮来暂停CSS动画，使用JS来执行暂停。到目前为止，我已经尝试使用JS更改动画状态，但它不起作用-动画播放完了，按钮似乎没有效果。 下面是我的JS代码片段： var sun = document.getElementById("sun");
var sky = document.getElementById("sky");
var pauseBtn = document.getElementById("pauseBtn");
function pauseAnimation(){
if((pauseB
浏览 83提问于2021-10-19得票数 2
1回答
我希望在使用react.js滚动时具有图像动画效果，类似于以下内容： --我有以下代码：
<ArticleWrapper >
<img className='image' src={Img} alt='Image' />
</ArticleWrapper >
我希望img是加宽动画，而滚动下来，并返回正常时，滚动上升！谢谢。
浏览 11提问于2022-06-23得票数 1
回答已采纳
4回答
我想用动画显示文本掩蔽效果。
这是我想要达到的目标：
我无法将红色文本定位在黑色文本的“中间”，因此效果应该是这样的： *但对齐中心*
另外，如何重复动画，这是根据JS，它只是动画一次，我想重复的JS一旦效果完成。
代码：
<div id="mainbox">
<span id="black">Waiting for the task!</span>
<span id="red">Waiting for the task!</span>
</div>
CSS
浏览 2提问于2014-04-08得票数 1
回答已采纳
是否有一种方法可以在Raphael.js中为路径的笔触宽度属性设置动画效果？我想通过动画来增加和减少一些弧形路径的宽度。
我写了下面的代码，但它不能工作。
var path = paper.path(...).attr({stroke: color, "stroke-width": 20, "stroke-opacity": 0.6})
path.animate({"stroke-width": 10});
浏览 2提问于2013-05-07得票数 0
回答已采纳
2回答
这是我想要的效果的一个例子：
WhatsApp web上的图像缩放也使用了相同的效果。
我希望将元素(不仅仅是图像)缩放到中心，并使用一个动画缩放元素从其位置缩放到页面的中心。
动画应该是基于css的，JS不应该用于动画目的。
我尝试了下面的代码，它不能完成这项工作：
<div></div>
使用css：
div {
width: 100px; height: 100px; background: blue;
transition: transform 1s
}
div:hover {
transform: scale(2);
}
还有，变换动画有什么区别:
浏览 3提问于2018-08-23得票数 3
1回答
编辑:问题是使用javascript动画代替CSS转换。现在，代码页显示了一个工作示例，其中JS只用于翻译元素，CSS用于动画！
我正试图达到我在这个网站上看到的某种效果：。
它们在具有固定高度的主体元素中使用固定的定位主部分(以生成滚动条)。滚动后，它们将主元素中的所有元素按比例转换为$(window).scrollTop()。他们使用动画来平滑这种效果。
我一直在尝试重新创建这个效果，但是我的代码会在几个滚动之后产生一种紧张的体验。(有关示例，请参见 )。
生成大量动画(在本例中使用jquery插件来动画转换属性)似乎就是造成这个问题的原因。我已经尝试过使用节流来限制触发器的数量，
浏览 1提问于2016-10-28得票数 0
回答已采纳
2回答
我有一个精灵图标，当它所在的div被鼠标移过时，它会产生动画效果。这个图标目前在<span>卡中。
我希望当我将鼠标悬停在<span>上时，图标就会有动画效果，而不仅仅是当它在图标上时。有什么方法可以做到这一点吗？
这是我正在处理的代码的链接。
这是html和js
<span class="card">
<div class="icon book"></div>
</span>
<script>
var timer;
$(".book").mouseenter(
浏览 18提问于2016-09-22得票数 0
2回答
带有动画bg的画布文本
、、、
嗨，我发现了不错的效果 -动画文本bg。(动画背景，标题为HYT WATCHES，LE BATAFOR，MAURICE LACROIX)
这个站点使用mootools作为js框架，我想使用JQuery。
，也许有人会给我一些提示，如何产生这种效果？
浏览 8提问于2013-06-19得票数 1
回答已采纳
1回答
点击动画会影响SEO吗？
、、、
我们想建立一个令人印象深刻的动画网站，但SEO对我们也很重要，我想知道在CSS和JS动画的情况下SEO的效果。
假设我们希望用Gatsby.js或Next.js构建页面，并在Three.js中添加动画。我们知道页面需要非常快的加载，所以我们不想在init上使用动画。但是，假设我们希望在网站顶部有一个开关按钮，它将触发Three.js和CSS动画。它会影响SEO吗？
另一个例子，我们将有一个静态网站没有动画和第二个网站与相同的内容，但有大量的动画和没有索引标签(弯曲的目的)。因此，当用户将访问我们的网站，他将能够看到链接(不跟随)的网站上的子域与动画。
有什么办法弄清楚吗？
浏览 0提问于2022-03-02得票数 1
1回答
这是一个很好的React练习吗？
、、、、
我最近开始使用React。为了使我的组件具有动画效果(使用CSS animation)，我在我的index.js中放置了这段代码
// some code here
window.onload = () => {
let myComponents = document.getElementsByClassName('componentThatHaveToBeAnimated')
for (let c of myComponents) {
// add dinamically the CSS class containing the an
浏览 3提问于2017-07-02得票数 0
回答已采纳
我制作了一个组合，并且我想通过添加流行的自动输入效果，将我的名字更改为各种其他字符串，如auto堆栈、前端、..etc，在我的名字上应用动画。
我找到了创建动画类型效果的轻量级库，但我不知道如何将脚本正确地实现到我的jsx文件中。我在下面试过了，但是我根本无法渲染动画。
到目前为止，这是我的尝试：
我创建了src/autotyping.js ing.js文件：
var AutoTyping = function (e) { var t = {}; function r(n) { if (t[n])
//...
const exampleText = ['Fullstack
浏览 6提问于2022-08-12得票数 0
回答已采纳
我目前正在制作一个动画，我必须使用setTimeout对其进行动画处理。 下面是我的按钮"pause“的html，它会在单击时更改为恢复： <button type="button" id="pause">Pause</button> 下面是我使用js的clearTimeout和clearInterval函数暂停动画的JavaScript代码。 document.getElementById("pause".addEventListener("click",function(){
togg
浏览 19提问于2020-07-04得票数 0
我刚刚开始学习如何使用jQuery制作动画，对于我遇到的一个小美学问题，我很难找到解决方案(如果有解决方案的话)。
下面是我正在使用的代码：
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script>
$(document).ready(function(){
浏览 0提问于2013-03-22得票数 2
回答已采纳
1回答
我想知道我是否可以制作一个物体，比如长方体或球体，做两个动画，比如旋转和颜色。我知道您可以在动画属性的属性部分设置这些属性，但是如果我试图将多个动画属性放在一个对象上，或者如果我试图在一个动画属性中放入两个属性，它要么没有动画效果，要么只有一个动画效果。这是我正在使用的代码，如果你们中的任何人可以编辑它使其工作，如果这是可能的，我将不胜感激： <!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.0.0/aframe.min.js
浏览 6提问于2021-04-14得票数 0
回答已采纳
1回答
有没有办法让我们三个JS的相机重置动作动画化？ 我使用以下代码来重置相机，但它立即重置。我想知道是否有一种方法可以使相机重置运动具有动画效果。 $(".rest-btn").on('click', (e) => {
camera.position.x = 0;
camera.position.y = 0;
camera.position.z = 150;
});
浏览 18提问于2021-04-22得票数 2
回答已采纳
我有个问题。我正在使用Bounce.js创建漂亮的菜单动画(具有一些很酷的效果)。使用css关键帧动画的Bounce.js，重新启动可能会有问题。我得到了菜单，当我点击一个按钮时，当添加.show类时，它应该会触发显示动画。但当我再次按下该按钮时，隐藏类应该与隐藏动画一起添加(这只是前一个动画的反向版本)。
Js正在工作(类的添加和删除都是正确的)，但是动画只触发一次-并且没有隐藏动画(菜单元素只是消失而不是动画本身)。
浏览 8提问于2016-06-27得票数 0
我想在之前的效果/移动完成后隐藏一个DIV元素。如果我知道序列，我就可以将代码添加到回调函数中，然后将其提供给.animate() (例如)。然而，在这种情况下，我无法访问该状态(它可能正在经历动画/效果，也可能没有经历动画/效果)。因此，这两个动画/效果是由两个不同的事件(例如按钮点击)触发的。
因此，我将在DIV元素完成当前动画/效果之后运行fadeOut。使用jQuery可以做到这一点吗？
谢谢。
编辑:因此目标是将当前操作(例如fadeOut())代码与先前的动画代码解耦。
EDIT2:让问题变得更加清晰。
浏览 0提问于2011-10-28得票数 0
回答已采纳
1回答
我正在尝试创建一个动画演示。
HTML中的，这是我的脚本；
<script>
/* Set your slide animation */
var $setAnimation = 'slideInLeft';
/* Set carousel slide delays (7.5s is default) */
var $carouselDelay = 7500;
</script>
通过在$setAnimation中设置一个新的变量名，我可以更改为幻灯片动画。但是，相反，我试图创建一个迷你面板。因此，当用户单击动画名称时，
浏览 0提问于2018-12-06得票数 0
3回答
我目前正在使用下面的代码，这很好用。然而，我遇到了一些问题/限制，使我认为使用jQuery UI折叠效果更合适，而不是使用js动画功能。
由于我对JS不是很熟悉，你能帮我调整一下下面的代码来使用jQuery UI折叠效果而不是动画功能吗？非常感谢
联署材料：
$("a").click(function () {
var page = $(this).data("page");
if ($('div:animated').id != page) {
var active = $(".fold.active");
浏览 5提问于2014-12-07得票数 8
回答已采纳
3回答
如何在jquery/JS/css中创建像ning主页()这样的动画效果？我正在谈论的幕布像动画为文本“建立和培养你自己的社区的追随者/球迷/成员/客户等”。它是一个具有"word“类的span元素。
浏览 4提问于2013-12-19得票数 0
回答已采纳
1回答
我使用的是速度JS，但是当我点击一个触发动画的按钮时，如果我在这个按钮上点击10次，动画就会回复10次。
如果动画正在运行，如何才能忽略单击事件？
我试过event.stopPropagation和event.preventDefault，但是没有效果。
我也尝试过velocity.('stop', true)，但是这将停止动画并在最后一个位置重新启动它，如果我在我的按钮上点击10次，它看起来就像是一个“滞后”。
下面是我的代码：
$('#btn_animate').on('click', function(e){
divs.veloc
浏览 3提问于2016-08-06得票数 0
回答已采纳
我正在尝试更改setTimeout和useEffect中元素的样式。
下面是代码的外观
In home.js:
useEffect(()=>{
setTimeout(()=>{
// change styles for 'frontenddevelopment'
changeStyles1();
},1000)
// changeStyles for 'i love frontend'
changeStyles2()
},[])
我发现在呈现主页之后，如果我导航到其他页面并返回主页
浏览 0提问于2020-09-09得票数 0
我正在使用Anime.js在我正在构建的网站上做一些动画。现在我正试着用几个字来做动画。
我有动画工作，与Anime.js的一切都很好。我遇到的问题是，我想将我正在动画中的单词存储在我的反应性组件的状态中，如下所示：
this.state = {
heading: "Hudson Valley Web Design"
}
如您所见，我的标题由几个带有空格的单词组成。我通过迭代this.state.heading来实现this.state.heading效果，如下所示：
<h1 className="ml9">
浏览 1提问于2019-01-12得票数 0
回答已采纳
1回答
我试着把下面的JS插件合并到我正在开发的网站上，
One Page，皮特·R.
WOW.js，Matthieu Aussaguel (与animate.css合著)
在每一节中，我都希望在过渡完成后在其内容中进行动画化，但是WOW.js / CSS动画似乎没有效果，而且我被不可见的元素困住了。看起来，在显示动画在某种程度上与从一个页面滚动设置的视口/页面相冲突。有什么想法吗？我漏掉了什么？我将WOW.js的窗口设置为0。没有显示JS错误。
浏览 4提问于2014-05-12得票数 2
回答已采纳
1回答
我定义了一个Ember组件，当我单击一个按钮时，我正在切换一个显示该组件的属性。
我需要应用一些动画效果时，显示组件。像滑行/滑行这样的动画效果。
我不知道如何给Ember组件动画效果。
模板：
<script type="text/x-handlebars" data-template-name="index">
<button {{action 'showDiv'}}>Show Div</button>
<br>
<br>
{{#if showDiv}
浏览 2提问于2014-06-27得票数 1
回答已采纳
1回答
我想在支持安卓的html5或jquery中翻转书动画效果我想在支持安卓的html页面中实现动画效果，我已经尝试了很多的例子，但在安卓手机页面上翻转书动画效果不太好，就像trun一个page.any可以帮助我实现翻转书动画html教程或支持安卓webview的代码。
提前感谢！
浏览 2提问于2012-07-05得票数 0
1回答
尝试使用Jquery路点在滚动上创建动画。控制台无错误，但滚动时无效果。如果我打开开发人员控制台，然后关闭它，效果就会触发。这很奇怪，因为这是我从我做的另一个网站上重用的代码，它在那个网站上工作得很好。
$(document).ready(function() {
$('.js--wp-1').waypoint(function(direction) {
$('.js--wp-1').addClass('animated fadeIn');
}, {
offset: '50%'
});
});
HTML中包含的脚本
浏览 11提问于2018-08-10得票数 0
1回答
Owl旋转木马： Wow.js：
我正在使用Owl Carousel和Wow.js
我正在尝试创建一个幻灯片放映，当幻灯片处于活动状态时，每个幻灯片的内容都会有动画效果。目前，所有内容的动画都会发生，即使它所在的幻灯片不在屏幕上。Wow.js似乎只能识别幻灯片本身是可见的，并激活所有动画
有没有办法更改它，使动画只在其包含的幻灯片在屏幕上可见时才在内容上出现？
浏览 7提问于2015-03-15得票数 1
2回答
我想做一些像-moz-transition效果，给我一个动画旋转图片。或者将图片从包装器的底部移动到顶部。
为了阐明我想要什么，只需看一看，看看滑块下面的四张图片。
它使用-moz-transition CSS3效果，但我想有一些与js或jQuery的东西，以动画它甚至在IE中。
有没有什么插件？
非常感谢
浏览 1提问于2012-07-10得票数 6
回答已采纳
我试图通过将动画对象直接映射到鼠标滚动来控制场景中的动画对象的移动。
期望的效果是场景中有一些对象在移动，但是场景的进度/运动与.scrollTop()距离直接相关。
所需的交互将类似于这个示例：，但是有一个three.js场景。
可以用.scrollTop()距离来控制three.js场景的定时吗？
浏览 8提问于2016-05-26得票数 0
回答已采纳
例如，我有这个CSS代码来处理一个简单的动画：
我的React组件呈现一个简单的列表，并使用随机值更改列表：
class App extends React.Component {
constructor() {
super();
this.state = {
items: ["Alex", "David", "John"]
};
}
change() {
this.setState({
items: [Math.random(), Math.random(), Math.
浏览 3提问于2020-02-11得票数 4
回答已采纳
我试图使图像fadeIn效果，我设置jQuery动画方法实现淡入效果，我发现我注册的悬停事件已被取消。
我觉得很奇怪，这个方法不应该影响我的悬停效果。
虽然我可以通过javascript重新注册悬浮事件，但它正在执行其他任务。
我有什么误会吗？
我试着不使用CSS3动画。
JS部分：
$('img').animate({
'opacity': '0.5'
}, 1500);
CSS部分：
img {
opacity: 0;
}
img:hover {
opacity: 1;
}
浏览 6提问于2013-09-02得票数 2
回答已采纳
1回答
我使用作为图像滑块。我刚接触jQuery，所以从jCarousel文档中我不知道如何应用不同的动画效果。
假设我在一个切片上有一张图片，我希望视图图像慢慢消失，同时下一张图片出现在同一位置。怎样才能达到这个效果呢？是需要编写新的JS函数的自定义动画，还是可以通过设置jCarousel来实现？
浏览 1提问于2012-03-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
