草庐IT

二维动画

全部标签

javascript - 如果它是悬停元素的子元素,是否可以使 jQuery 仅针对悬停动画的目标 div?

好吧,我是Javascript和jQuery的初学者,所以这可能是一个非常简单的问题,但我已经尝试研究它,但找不到任何好的答案。在我的网站上:http://joeyellisdesign.com/testingspace/JE2我在我的投资组合的“工作”部分有一个滚动,我试图让它只在你将鼠标悬停在单个图像上时出现。要设置动画,我有这段代码:jQuery$(document).ready(function(){$(".project").hover(function(){$(".projectdescription").animate({top:'4px'});},function(){

javascript - 在二维数组上先运行 x 或先运行 y 的结构

我想将标志传递给通过列扫描或行扫描运行算法的函数:ifrun-on-xfor1..xfor1..ydosomethingwithary[x][y]elsefor1..yfor1..xdosomethingwithary[x][y]但我不想重复所有的循环和逻辑。我想出了这个:letnumPx=width*height;for(letpx=0;px但我认为所有的数学运算都相当繁重,尤其是当我在相当大的阵列上运行它时。有更好的方法吗? 最佳答案 也许像这样简单地将它们作为参数传入?:functioncolRowScan(1stAxis,2

javascript - jQuery 链接与动画函数的回调

假设我有一些要设置动画的元素:$('.hey').show(1000).slideUp(1000);这和有什么区别:$('.hey').show(1000,function(){$(this).slideUp(1000);});就内部发生的事情而言?据我所知,动画在jQuery中是异步的。所以第一个例子,show和slideUp应该同时触发。在第二个中,slideUp应该仅在show结束后触发。然而,出于某种原因,人们喜欢onthisanswer说他们是“相同的”。尽管(显而易见的)它们的工作方式不同(在第一个示例中,返回将立即发生,与第二个示例不同),但为什么它们是相同的?

javascript - 我如何在每次迭代之间间隔循环中为 DOM 元素设置动画?

我有一个函数foo,我想添加一个sleep/等待函数来制作一种DOM元素动画。我已经做了一些研究,我知道暂停javascript函数是不可能的,因为它会卡住浏览器-如果我错了请纠正我。我该如何克服它?functionfoo(){while(someCondition){var$someDiv=$('.someDiv:nth-child('+guess+')');$someDiv.css({'background-color':'red'});wait1000ms$someDiv.css({'background-color':'blue'});wait1000msif(someCond

javascript - 使用 CSS 转换/动画/等时,如果用户浏览器不执行 css 动画,回退到 jquery 的最佳方法是什么?

我正在寻找一种使用css动画的方法,但如果用户浏览器不执行css动画-然后回退使用Jquery来制作动画。在Jquery中有一种简单的方法可以做到这一点吗?一个插件就可以了,如果它是一个小插件,但如果可能的话,我真的在寻找某种在jquery中执行此操作的方法。我想使用css动画的唯一原因是因为使用css动画时使用的处理器功率要低得多。 最佳答案 jQueryanimateenhancedplugin使用CSS转换而无需为支持转换的浏览器编写特定代码替代方案不是很令人鼓舞:您可以添加一个特征检测库,例如Modernizr,然后为每种情

javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗?

我为网站创建了一个相当复杂的菜单。菜单来自大量基于CSS3的动画。然而,当我导航到不同的页面时,菜单应该最初建立-没有所有的动画,但在JS方面而不是在服务器端完成。现在我想知道如何暂时完全禁用所有转换/动画,直到菜单构建完成。我考虑过创建一个覆盖动画的子类,但它似乎不起作用,因为它总是使用基类中定义的动画/过渡? 最佳答案 我建议通过在构建菜单后由JavaScript添加的类来应用动画/过渡。有animation-play-state可以暂停动画的属性,但只在Safari5和Chrome4中出现(带有前缀)(与Safari4和Chr

javascript - 与二维碰撞有关的四叉树

我一直在研究这个:https://github.com/mikechambers/ExamplesByMesh/blob/master/JavaScript/QuadTree/src/QuadTree.js我相信我理解四叉树的一般概念,尽管我对它们的工作原理和上面的实现有两个问题:难道你不需要每隔几毫秒重建整个树吗?在Javascript中,这不会非常慢吗?如果我有这样的东西:http://davzy.com/screenshots/skitched-20120318-180324.png,那么很容易找到同一个四边形中的其他点,但我有一个矩形与3个不同的四边形相交,有没有办法让它显示为

javascript - 延迟移除 View ,以便可以对其进行动画处理

假设我有一个显示基于属性的View的模板:{{#ifApp.contentsAreVisible}}{{viewToggleContents}}{{/if}}此区域可通过设置App.set("contentsAreVisible",[true/false]);由UI的任意数量的其他部分切换一切正常。但是,我现在想在切换View时设置动画。连接到didInsertElement可以动画显示该区域,但我不能在willDestroyElement中做同样的事情,因为一旦该函数返回,该元素就会被删除,在动画开始之前一个运行的机会。App.ToggleContents=Ember.View.ex

javascript - JQuery 动画向左和缩放

您好,我需要同时对左侧的div进行缩放和动画处理。像这样。$('#div').effect('scale'{percent:200},'animate',{left:200});谢谢。这是我找到的解决方案。$('#div').effect('scale'{percent:200},1000);$('#div').animate({left:100,top:100},1000);$('#div').fadeTo(1100,0)); 最佳答案 $('#div').animate({left:200,height:($(this).hei

javascript - 二维菜单 Backbone 路由器 : advice

我是backbone.js的初学者。我的页面导航如下所示:左侧导航定义了四种View类型,而顶部导航应该更新数据模型并重新呈现当前View(这就是我的想法)。我想允许用户根据他/她的个人喜好为当前View和类别添加书签(并且可能将设置存储在浏览器的本地存储中)。这两个菜单可以互换使用,这意味着用户可以决定显示与当前类别模型不同的View,并且用户可以在当前View中选择不同的类别。我在弄清楚如何以稳定的方式为此配置我的路由器时遇到了一些麻烦。请注意,此路径后面可能还有其他参数,例如根据profile_id在map上显示事件标记。现在,我有了这样的想法:varAppRouter=Back